欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

JavaScript中的面向对象

发布时间:2025/6/17 36 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JavaScript中的面向对象 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1、js中的数据类型
原始类型:字符串 string、 数字 number、 布尔 boolean、 null undefined 。其中null表示没有对象,undefined 表示没有定义
数组 array 对象 object
2、创建对象:
1、通过new关键字创建对象
var obj=new Object();
obj.name="";
obj.age=18;
obj.todo=function(){}
2、通过对象字面量
2.1 简单的字面量
var obj2={};
obj2.name="";
obj2.todo=function(){return this.name;}
2.2 嵌套字面量(推荐)
var obj3={name:"",age:18,todo:function(){},run:function(){}}
key中如果有空格或者有“-”或者有保留字关键字需要添加引号。
3、构造函数 构造函数的首字母必须要大写
3.1 构造函数模式
function Person(name,age){
this.name=name;
this.age=age;
this.todo=function(){
return this.age;
}
}

var person=new Person("",18);person.name;person[name];3.2 工厂模式function person(name,age){var obj=new Object();obj.name=name;obj.age=age;return obj;}var p=person("冯宝宝",18);p.name3.3 普通函数function person(name){//this==>指代函数的调用者return name;}person("冯宝宝");4.构造函数与普通函数的区别4.1 this 指向构造函数的this指向创建的对象实例上普遍函数指向函数的调用者4.2 调用的方式构造函数需要通过new调用4.3 命名规则构造函数第一个字母需要大写

函数声明和函数表达式
function add(){}
var add1=function(){}

转载于:https://blog.51cto.com/3544640/2157008

总结

以上是生活随笔为你收集整理的JavaScript中的面向对象的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。