js定义对象的属性点和中括号的区别

2024-08-20

js操作对象属性用点和用中括号有什么不同

书读百遍其义自见学习<JavaScript设计模式>一书时,学习工厂模式这一章节,发现了对象后使用中括号的情况,如下: var Factory=function(type,content){ if(this instanceof Factory){ //对于一下this后使用中括号不是很明白 var s=new this[type](content); }else{ return new Factory(type,content); } } 不是很明白,百度了一些解释,如下: 中括号运算符总

js定义对象的几种容易犯的错误

//js定义对象的几种容易犯的错误function Person() { getName = function (){ console.info(1); }; return this;}//Person.getName();//提示错误:这不是一个函数Person.getName = function () { console.log('Person.getName');}Person.prototype.username = "zhangsan";Person.prototype.p

【JS】#001 JS定义对象写法（原型、JSON方式）

下面主要写两种 JS 定义对象的常用写法写法1:[很像面向对象语言中的写法] function zhongxia(age) { this.age = age; } zhongxia.name = 'zhongxia'; zhongxia.prototype.show = function() { alert(zhongxia.name +":"+this.age); } var zx = new zhongxia(50); zx.show(); 写法2:[JSON方式的,更加的直观

JS定义对象方法？

第一种:构造函数形式把参数作为构造函数的参数传递,这样对于对象的初始化更灵活一点 <script language="javascript"><!-- /**定义一个animal类*/ function Animal(name){ //this.name = "Animal"; this.name = name; this.showName = function(){ //定义方法 alert(this.name); } } /**定义一个Ca

js定义对象

1.工厂模式 function createPerson(name,age,job){ var o = {}; o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var tanya = createPerson("tanya","30","female"); var ansel = createPers

js定义对象并赋值

1.可以通过 var ratio = {}; ratio.low = 70; ratio.high = 90; ratio.scale = 0.2; 2.可以通过 var obj = new Object(); Ps: <script> var obj = new Object() //创建了一个对象,object对象也是对象中的顶级对象 var arry = new Array() //创建了一个数组对象 var date = new Date() //创建一个时间对象 var reg =

JS定义函数的2种方式以及区别简述（为什么推荐第二种方式）

无意中看到了阮一峰大神多年前的一篇博客: 12种不宜使用的Javascript语法看到第9条的时候受到了启发,感觉之前没怎么理解清楚的一些问题好像突然就清晰了,如下图可能光这样看,有些小伙伴会有些蒙蔽,不知道到底有什么区别? 下面我就用自己的理解来描述一下,能力有限,见谅请大家先看下面的代码: <script> y(); function y() { alert(2); }; x(); var x = function() { alert(1); }; </script&g

js访问对象属性的方式“.”与“[]”的区别

. 和 [] 没多大区别,作用完全相同.但是一般情况下建议使用 . 写法,这样比较接近其它语言的面向对象写法,易读如果属性名是动态的(比如变量中),只能使用 [] 写法.如 var person={name:"myName"}; var proName="name"; console.log(person[proName]); 如果属性名中包含会导致语法错误的字符,也只能使用方括号语法,如: var person={"na,me":"

认识JS的基础对象，定义对象的方法

JS的基础对象: 1.window //窗口对象 2.document //文档对象 3.document.documentElement //html对象 4.document.body //body对象 5.document.head //head对象 js原理:把一个标签转成元素对象,通过元素对象(.)来获取这个标签上的所有属性,以及赋值. JS定义对象的方法: 1.alert(window.document.doc

js中属性点.和中括号[]的关系。

本来这里说的是 js 执行一个字符串形式函数的方法. 但是呢看到一个 window['test'] ,居然一下子转不过弯来.这就尴尬了. 不是说好了 [] 和 . 其他都是 “什么的什么” 关系吗?如 'window.onload' ,表示 window 的加载事件. 使用 function fn(){} 定义了一个函数,和使用 var fn=function(){} 相同的呢. 那这里的 fn 就相当于 window 下的变量咯.所以是 window['fn'] . 那问题又来了,为什么是加字

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(“prototype”)方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name = "z

JS笔记2 --定义对象

16.javascript中定义对象的几种方式(javascript中没有类的概念,只有对象): 1)基于已有对象扩充其属性和方法: var object = new Object(); object.name = "zhangsan"; object.sayName = function(name){ this.name = name; alert(this.name); } object.sayName("lisi"); 2)工厂方式: //工厂方式创建对象 f

js定义类或对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js oop 总结</title> </head> <body> <script> /*1 原始方式 *缺点:需要创建多个car实例,推荐等级★ */ var ocar = new Object(); ocar.color

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascri

JS中定义对象和集合

在js中定义对象: 方式一: var obj = {}; obj['a']=1; obj['b']=2; 方式二: var obj=new Object(); obj.a=1; obj.b=2; 在js中定义集合: var list = []; list.push(obj);

JS object(对象)的学习汇总

Object(对象)是在所有的编程语言中都十分重要的一个概念,对于事物我们可以把他们看作是一个对象,而每一个事物都有自己的表示的属性和对于某一信息作出的相应的操作.而这些东西就变成了事物的属性和方法. 在JS中我们可以见到的对象常量有如下的形式: var obj= { name:"Arvin", lastName:"Huang" , whatsName:function(){ alert(this.name+" "+this.lastName);

js作用域对象与运用技巧

1. JS作用域 1.1 全局作用域和局部作用域函数外面声明的就是全局作用域函数内是局部作用域全局变量可以直接在函数内修改和使用变量,使用var是声明,没有var是使用变量. 如果在函数内使用var来声明变量,在函数内会覆盖同名的全局变量 1.2 变量提升在变量声明之前去使用变量会得到 undefined ,而不是报错函数内,如果声明了跟全局变量同名的局部变量, 在声明之前使用改变量,得到undefined( 该变量已经是局部的啦) 1.3 作用域链当一个作用域使用某个变量

js自定义对象

一,概述在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很

js中对象使用

简单记录javascript中对象的使用一.创建对象 //创建一个空对象 var o={}; //创建一个含有两个属性的对象,x.y var o2={x:12,y:'12',name:'JS'}; //此对象中的author属性的值还是一个对象 var o3={x:12,author:{name:'JS',age:23,address:'china'}}; //创建一个空对象和{}一样 var o4=new Object(); //给对象增加name属性 o4.name='JS' 上面使用了两

JavaScript学习06 JS事件对象

JavaScript学习06 JS事件对象事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等: event对象只在事件发生的过程中才有效. firefox里的event跟IE里的不同,IE里的是全局变量,随时可用:firefox里的要用参数引导才能用,是运行时的临时变量. 在IE/Opera中是window.event,在Fi

javascript 构造函数方式定义对象

javascript是动态语言,可以在运行时给对象添加属性,也可以给对象删除(delete)属性 <html> <head> <script type="text/javascript"> /* //01.定义对象第一种方式 var object =new Object(); alert(object.username); //01.1增加属性username object["username"]="liujianglo

js定义对象的属性点和中括号的区别

热门专题