js创建对象的方式 三种

1. 使用直接量创建1个对象:

var aobj = {
      x : 10,
      y : function(){
         console.log("aobj-->        "+this.x);
      }
     }
aobj.y();//对象自己的方法要用自己的属性,必须使用this.属性名   this.读作"当前对象的"//何时使用:只创建一个单独对象时

2.使用构造函数创建多个统一结构的对象

//Step1: 定义构造函数function cobj (name,age){
            this.name = name;
            this.age = age;
            this.y = function(){
                return this.name + this.age
            }
     }//Step2: 调用构造函数函数创建对象!
var c = new cobj("li",20);
console.log(c.name);
console.log(c.y());//优:只需一次定义结构,即可反复创建相同结构的对象

3.先创建空对象,再添加属性和方法

var bobj = new Object();
          bobj.x = 20;
          bobj.y = function(){
            console.log("aobj-->        "+this.x);
          }
bobj.y();//创建对象时,暂时不知道对象的结构,可以先创建空对象,之后逐渐添加属性和方法

固定套路:变量对象的属性和方法:for...in结构

判断对象中是否存在指定属性  /*2种*/

1. "属性名"  in obj;

2.if(obj.方法名===undefined); ==>可简写为 if(obj.方法名)

总结:

①,创建单个对象可用直接量方法声明

②,创建多个统一结构的对象时可用构造函数

③,暂时不知道对象结构时先new Object();

④,对象自己的方法用对自己的属性时,要加this.属性名

时间: 2024-10-13 04:00:44

js创建对象的方式 三种的相关文章

js oop中的三种继承方法

JS OOP 中的三种继承方法: 很多读者关于js opp的继承比较模糊,本文总结了oop中的三种继承方法,以助于读者进行区分. <继承使用一个子类继承另一个父类,子类可以自动拥有父类的属性和方法.(继承的两方,发生在两个类之间)> 一.通过object实现继承 1:定义父类 function Parent(){} 2:定义子类 funtion Son(){} 3:通过原型给Object对象添加一个扩展方法. Object.prototype.customExtend = function(p

【JS】Js中函数的三种调用方式

在同一个页面中,函数名必须是唯一的,并且区分大小写.Js中可以通过下面三种方式调用函数: 1. 函数的简单调用 2. 在事件的响应中调用函数 3. 通过连接调用函数 具体是怎么操作的呢,下面一一讲解: 函数的简单调用:函数的定义语句通畅被放在HTML文件的<head>内,而函数的调用语句通常被放在<body>中.如果函数定义之前调用函数,执行将会出错. 语法如下: <head> <script type="text/javascript">

JS创建事件的三种方式(实例)

1.普通的定义方式 <input type="button" name="Button" value="确定" onclick="Sfont=prompt('请在文本框中输入红色','红色',' 提示框 ');if(Sfont=='红色'){ form1.style.fontFamily='黑体'; form1.style.color='red';}"/> 这是最常见的一种定义方式,直接将JS事件定义在需要的对象之

JS事件绑定的三种方式比较

js事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } input{ display: block; margin-bottom:10px; } .active{ color:

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个值:" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementB

JS创建对象的方式

第一种:基于Object对象 var person = new Object(); person.name = 'My Name'; person.age = 18; person.getName = function(){ return this.name; } 第二种:对象字面量方式(比较清楚的查找对象包含的属性及方法) var person = { name : 'My name', age : 18, getName : function(){ return this.name; } }

JS 创建对象(常见的几种方法)

贴个代码先: function O(user,pwd){ //use constructor this.user=user; this.pwd=pwd; this.get=get; return this; } function O2(user,pwd){ //use factory var obj=new Object(); obj.user=user; obj.pwd=pwd; obj.get=get; return obj; } function O3(){ //use prototype

js数值转换的三种方法

js非数值转换为数值的三种写法分别为Number().parseInt().parseFloat(). Number()是最复杂的.规则如下: 1.数值直接输出: console.log(Number('11'))://输出11: 2.Boolean值,true转换成1,false转换成0: console.log(Number(true));//输出1: console.log(Number(false));//输出0: 3.null转换成0,undefined转换成NaN console.l

JS数组去重的三种方法

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>数组去重</title>     </head>     <body>         <script type="text/javascript">             //注意有一个元素是空的