JS简介:
一、什么是脚本语言?
脚本语言是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。
1、脚本语言(JavaScript,VBscript等)介于HTML和C,C++,Java,C#等编程语言之间。
HTML通常用于格式化和链接文本。而编程语言通常用于向机器发出一系列复杂的指令。
2、脚本语言与编程语言也有很多相似地方,其函数与编程语言比较相像一些,其也涉及到变量。
与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些.
3、与程序代码的关系:脚本也是一种语言,其同样由程序代码组成。
4、脚本语言是一种解释性的语言,例如Python、vbscript,javascript等等,它不像其他语言可以编译成二进制代码,
以可执行文件的形式存在,脚本语言不需要编译,可以直接用,由解释器来负责解释。
5、脚本语言一般都是以文本形式存在,类似于一种命令。
优点:
快速开发:脚本语言极大地简化了“开发、部署、测试和调试”的周期过程。
容易部署:大多数脚本语言都能够随时部署,而不需要耗时的编译/打包过程。
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、
平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
二、JS注释
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头。
多行注释以 /* 开始,以 */ 结尾。
三、JS变量
变量是一种引用内存位置的容器,用于保存在执行脚本时可以更改的值。
变量的命名:
变量名必须以字母或下划线 (_) 开头
变量名可以包含数字,但是不能以数字开头
由于JavaScript区分大小写,所以可用的字母包括A到Z(大写)和a到z(小写)的字符
不能使用JavaScript的关键字保留字
定义变量、初始化、赋值:
1.定义变量
关键字:var
例:var num;
也可以同时声明多个变量,各个变量之间用逗号隔开。
2.初始化变量
在定义变量的时候,就给值 如:var num=1;
3.给变量赋值
(1)定义变量: var username;
(2)变量赋值: username=“张三”;
js是一种弱类型语言,在定义变量的时候,不需要指定变量的明确类型,统一用var定义
四、JS对象
在 JavaScript 中,对象是拥有属性和方法的数据。
1.属性和方法
属性是与对象相关的值。
方法是能够在对象上执行的动作。
举例:汽车就是现实生活中的对象。
汽车的属性:名称、型号、重量、颜色。
汽车的方法:启动、驾驶、刹车。
2.JavaScript中的对象
例:var message=“Hello World!”
实际上已经创建了一个JavaScript字符串的对象,字符串对象拥有内建的属性length。length=5
属性:txt.length=5;
方法:txt.indexof()
txt.replace()
3.创建JavaScript对象
JavaScript 中的几乎所有事物都是对象:字符串、数字、数组、日期、函数,等等。
//创建字符串对象
var str=“今天雾好大”;
var length=str.length;
document.write(length);
//创建对象
//1.使用字面量表示法(字面量表示如何表达这个值,一般除去表达式,给变量赋值时,等号右边都可以认为字面量)
//方法:将成员信息写到{}中,并赋值给一个变量,此时这个变量就是一个对象
var person={};//这就创建了一个对象,如果{}为空,这就是一个空对象
//创建一个汽车对象
var car={
//属性
color:"grey",
brand:"五菱宏光",
name:"小包",
price:"40000",
//方法
show:function(){
alert("品牌:"+this.brand+",爱称:"+this.name);
}
};
//调用方法
car.show();
//我可以在一个对象里面去引用一个对象
var person1={
name:"尼古拉斯赵四",
age:45,
mycar:car,//对象的属性也可以是对象
msg:function(){
alert("我叫:"+this.name+",我又一辆神车:"+this.mycar.brand);
}
};
person1.msg();
//为属性赋值
person1.age=18;
person1.name="奥斯特洛夫斯基赵四"
document.write("姓名:"+person1.name+"<br />");
//第二种方式
person["age"]=19;
document.write("年龄:"+person1.age);
五、JS数组
//1.声明一个数组
var score=new Array();
score[0]=20;
score[1]=30;
score[2]=40;
//数组的长度
document.write("数组的长度:"+score.length+"<br />")
//2.可以同时声明数组并且同时指定元素的值
var score1=new Array(11,55,44,77,88);
document.write("数组的长度:"+score1.length+"<br />")
//3.也可以使用简单的语法声明数组并赋值
var score2=[44,55,66,99,88];
document.write("数组的长度:"+score2.length+"<br />")
//4.声明数组,并且指定数组的长度
var score=new Array(10);
//5.分离字符串
var str="A,B,C,D";
var strs=str.split(",");
document.write(strs);
//6.数组元素的添加 JavaScript提供了数组添加方法:push()
var arr=[1,2];
arr.push(3);
//添加元素
//返回新数组的长度
document.write(arr.length);//3
//7.数组元素的删除
var arr1=[1,2,3,4,5,6,7,8,9];
//从数组的尾部移除一个元素,返回值为移除的元素 pop()
var obj=arr1.pop();
alert(obj);
//8.循环遍历数组
var arr3=["张三","李四","王五","马六","李大麻子"];
//for循环
for(var i=0;i<arr3.length;i++){
document.write(arr3[i]+"<br />")
}
//for in
for (var number in arr3) {//num指的是数组的索引值
document.write(arr3[number]+"<br />");
}
//对象数组
var car1={name:"宝马",brand:"宝马七系",price:"200万"};
var car2={name:"丰田",brand:"丰田",price:"210万"};
var car3={name:"五菱",brand:"五菱宏光",price:"2000万"};
var arr4=[car1,car2,car3];
//for遍历
for(var i=0;i<arr4.length;i++){
document.write("name:"+arr4[i].name+",brand:"+arr4[i].brand);
}