Javascript知识总结
【一】相关定义
JS即javascrip,Javascript是一种由Netscape的Live Script发展而来的 脚本语言,主要目的是为了解决服务器终端语言。当时 服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器 Navigator加入了Javascript,提供了数据验证的基本功能。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中,因为脚本不仅可以减小网页的规模和提高网页浏览速度,而且可以丰富网页的表现,如动画、声音等。脚本是批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合,在其中可以实现一定的逻辑分支等。
【二】相关小知识
1.JavaScript的用法
- HTML中的脚本必须位于<script>和</script>之间。
- 脚本可被放置在HTML页面的<body>和<head>之间。
-
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
2.JavaScript的输出
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
代码示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
window.alert("您好,人工智能为您服务。确定要打开页面吗?");
</script>
</body>
</html>
输出示例:
- document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
- document.write() 向文档输出写内容。
3.javascript的语法(基本和Java相同,JavaScript对大小写是敏感的)
(1)字面量
- 数字字面量:可以是整数小数或科学计数法。eg:1,2.23,123e6
- 字符串字面量:可以使用单引号或双引号。eg:"我",'我',"我爱学习",'我爱学习'
- 表达式字面量:用于计算。eg:5+6
- 数组(Array)字面量:定义一个数组。eg:[12,23,1,23,2]
- 对象(Object)字面量:定义一个对象。eg:{name:韩梅梅,age:12,sex:女}
- 函数字面量:定义一个函数.eg:function ab(a,b){return a*b;}
(2)变量 (把变量看做存储数据的容器)
用关键字var来定义。可以一条语句可以声明多个变量,中间用逗号隔开,可以跨行。eg:var name=韩梅梅,age=12,sex=女
- 声明的多个不可以赋同一个值,eg:var x,y,z=1;(X)
- 在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。
- 如果重新声明 JavaScript 变量,该变量的值不会丢失。
数组的四种表示方式:
- var arr2 = ['a', 'b', 'c' ]; //同样是在创建时初始化,但是这种创建更为简洁直观
- var arr1 = new Array('a', 'b', 'c'); //这是一个预定义的数组,在创建时初始化
- var arr3 = new Array( );
- var arr4 = [ ]; //这两种是创建空的数组
对象的两种创建方式:
方式一
function Demo(){
var obj=new Object();
obj.name="韩梅梅";
obj.age=12;
obj.firstF=function(){
}
obj.secondF=function(){
}
return obj;
}
var one=Demo();
// 调用输出
document.write(one.age);
方式二:
function Demo(){
this.name="韩梅梅";
this.age=12;
this.firstF=function(){
}
this.secondF=function(){
}
}
var one=new Demo
// 调用输出
document.write(one.age);
创建对象方法:methodName : function() { code lines }
访问对象方法:objectName.methodName()
访问对象属性:方式一:person.lastName 方式二:person["lastName"]
(3)操作符
类型 | 实例 | 描述 |
赋值算数和位运算符 | + - * / = | 在js运算符中描述 |
条件比较及逻辑运算符 | == != < > | 在js比较运算符中描述 |
(4)语句
JavaScript 语句向浏览器发出的命令,语句是用分号分隔。
(5)关键字
除var外,Javascript的关键字基本和Java的关键字相同。
(6)注释
//单行注释,/* */为多行注释。
4.javascript的类型
(1)数据类型
值类型:字符串(String),数字(num),布尔(Boolean),对空(null),Symbol(注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。)
引用数据类型:对象(Object),数组(Array),函数(Fuction)
(2)动态类型
动态类型:var
- Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
(3)声明变量类型
可以使用关键字new来声明变量。JavaScript 变量均为对象,当您声明一个变量时,就创建了一个新的对象。
var carname=new String;
var x=new Number;
var y=new Boolean;
var cars=new Array;
var person=new Object;
5,JavaScript函数(可以被多次调用)
(1)语法
function functionname(参数){
要执行的代码内容
return 返回值(仅仅希望退出函数时,也可使用无返回值的return);
}
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function myFunction(name,job) {
alert(name+" ,the"+job);
}
</script>
</head>
<body>
<input type="button" value="点击这里" onclick="myFunction('Harry Potter','Wizard')">
<input type="button" value="点击这里" onclick="myFunction('Bob','Builder')">
</body>
</html>
(2)变量
- 局部变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕,本地变量就会被删除。
- 全局变量(在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。)
- 未声明的变量
如果把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。
非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。
- 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。