JS基础学习(构造函数创建对象、函数的构造方法)

本文介绍了JavaScript的基础语法,包括构造函数创建对象、函数的不同构造方法以及数组的push、pop、unshift和shift等常用操作。作者反思了学习进度较慢的问题,强调了DOM在JavaScript中的重要性。
摘要由CSDN通过智能技术生成

学习内容

  1. 基本语法
  2. 基本数据类型及类型转换
  3. 运算符
  4. 流程控制语句
  5. 对象
  6. 函数
  7. 作用域
  8. 构造函数
  9. 原型对象
  10. 数组        

        这周学习的是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的重点部分,自己学习时一定要认真的对待。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值