学习内容
- 基本语法
- 基本数据类型及类型转换
- 运算符
- 流程控制语句
- 对象
- 函数
- 作用域
- 构造函数
- 原型对象
- 数组
这周学习的是js的基础语法部分,因为学过java和c语言,所以js的上手难度不高,只是有些细节的语法不一样。相较于java和C语言来说,js的语法并不严格,限制很少,所以js也相对的更容易上手。
1.使用构造函数创建对象
function Person(name,age,gender){
this.age=age;
this.name=name;
this.gender=gender;
}
Person1.prototype.sayName=function(){
console.log(this.name)
};
var per=new Person("张三",18,"男");
使用构造函数方法创建对象,this指向的是将要创建的对象,将构造函数共有的属性和方法添加到构造函数的原型对象中,可以不用为每个对象添加,同时也不会影响到全局作用域。
2.函数的几种构造方法
//第一种
//var 函数名=new Function("语句...");
var fun=new Function("console.log('函数一')");
//第二种
// function 函数名([参数一,参数二,参数三...]){语句}
function fun2(){
console.log("函数二");
}
//第三种
// var 函数名=function([参数一,参数二,参数三...]){语句};
var fun3=function(){
console.log("函数三");
};
第一种创建方式较为复杂、结构混乱、不易观察,不推荐使用。
第二、三种更简便,第三种后需要加“;”。
3.数组的四种常用方法
// push向数组末尾添加一个或多个元素,并返回新数组长度
var arr=[1,2,3,4,5];
console.log("新数组的长度为:"+arr.push(6));
console.log("push后的数组:"+arr);
//pop 删除末尾的元素,并返回删除的元素
console.log("删除的元素为:"+arr.pop());
console.log("pop后的数组为:"+arr);
// unshift向数组开头添加一个或多个元素,并返回新数组的长度
console.log("新数组的长度为:"+arr.unshift(0));
console.log("unshift后的数组为:"+arr);
// shift删除开头的元素,并返回删除的元素
console.log("删除的元素为:"+arr.shift());
console.log("shift后的数组为:"+arr);
运行结果:
学习反思
这周的速度太慢了,js的基础部分很多都是一些c与Java中都有的内容,自己应该快速的过一遍,学习几者中的异同,而不是慢吞吞的重新学习。接下来就是dom了,这部分是js的重点部分,自己学习时一定要认真的对待。