js 创建对象的方法

<script>
        //1.字面量语法
        var rectangle1 = {};
        rectangle1.name="mindong";
        rectangle1.width = 25;
        rectangle1.height = 10;
        rectangle1.area = function(){
            return this.width * this.height;
        }
        //2.对象构造函数语法
        var rectangle2 = new Object();
        rectangle2.name="mindong";
        rectangle2.width = 25;
        rectangle2.height = 10;
        rectangle2.area = function(){
            return this.width * this.height;
        }

        //字面量语法
        var hotel ={
            rooms:40,
            booked:25,
            gym:25,
            checkAvailability:function(){
                return this.rooms - this.booked;
            }
        }
        //对象构造函数语法
        function Hotel (name,rooms,booked){
            this.name = name;
            this.booked = booked;
            this.rooms = rooms;
            this.checkAvailability = function(){
                return this.rooms - this.booked;
            }
        }
        var Hotel1 = new Hotel(‘liliang‘,49,10);
        console.log(rectangle1.area());
        console.log(rectangle2.area());
        console.log(hotel.checkAvailability());
        console.log(Hotel1.checkAvailability());

        </script>

原文地址:https://www.cnblogs.com/alway-july/p/8892121.html

时间: 2024-10-17 17:54:30

js 创建对象的方法的相关文章

Js创建对象的方法及原型链的分析

一.JS创建对象的几种方式 最近在看javascript高级程序设计,其中对对象的创建做了具体的阐述,可以进行总结一下. 第1种模式:工厂方式 var sayHello=function(){ return "Hello"; }; function student(){ var S1 = new Object(); Child.name="小明"; Child.age="18"; Child.sayHello=sayHello; return s

js创建对象的方法

1. 使用Object构造函数来创建一个对象,下面代码创建了一个person对象,并用两种方式打印出了Name的属性值. var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(person["name"]) 2. 使用对象字面量创建一个对象:不要奇怪person["5"],这里是合法的:另外使用这种加括号的方式字段之间是可以

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创建对象的方法 1.使用new操作符后跟Object构造函数 var person = new Object(); person.name='Nick'; person.age = 29; 2.使用对象字面量表示法 var person = { name:'Nick', age : 29 }; 3.Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不是一个子函数,可以传一个null,第二个参

JS创建对象的几种方式详解

Js是一门面向对象的语言,里面没有类的思想,所以直接是创建对象,下面介绍几种创建对象的方法: 1.对象字面量的方法:记住键值对格式:{key:value,key :value} 实例: Var obj={name:"演员",move:"长城",age:"18"} 如果想再创建一个新的对象,只能重复上面的操作,所以可操作性差,不能被重复使用,造成的直接后果就是代码的冗余度很高 2使用内置的构造函数 object Var obj=new Object

js 创建对象的多种方式

参考: javascript 高级程序设计第三版 工厂模式 12345678910 function (name) { var obj = new Object() obj.name = name obj.getName = function() { console.log(this.name) } return obj} var person1 = createPerson('jack') 缺点:对象无法识别,所有实例都指向同一个原型 构造函数模式 1234567 function Perso

JQuery 加载 CSS、JS 文件的方法有哪些?

在进行web前端开发(http://www.maiziedu.com/course/web-px/)时,我们可能会需要使用JQuery加载一个外部的css文件或者js文件,加载外部文件的方法有多种,下面具体看看各种加载方法 JS 方式加载 CSS.JS 文件: //加载 css 文件function includeCss(filename) { var head = document.getElementsByTagName('head')[0]; var link = document.cre

js 变量提升+方法提升

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var a = 100; function t() { alert(a); var a = 10; } t(); //输出结果为undefine

【js常用DOM方法】

介绍几个js DOM的常用方法 获取元素节点 getElementById  getElementsByTagName  getElementsByClassName 先写一个简单的网页做测试: /* test.html*/<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body&g