【20190220】JavaScript-知识点整理：对象创建方式、原型、闭包

一.对象创建方式 1. 工厂模式这种模式抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节.存在的问题是无法通过 instanceof 识别一个对象的类型. function createPerson(name,age,job){ var o=new object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name); } return o; } var person=createP…

javascript一种新的对象创建方式-Object.create()

1.Object.create() 是什么? Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不是一个子函数,可以传一个null,第二个参数是对象的属性描述符,这个参数是可选的. 例如: function Car (desc) { this.desc = desc; this.color = "red"; } Car.prototype = { getInfo: function()…

第163天：js面向对象-对象创建方式总结

面向对象-对象创建方式总结 1. 创建对象的方式,json方式推荐使用的场合: 作为函数的参数,临时只用一次的场景.比如设置函数原型对象. var obj = {}; //对象有自己的属性和行为 // 属性比如: 年龄.姓名.性别 // 行为: 吃饭.睡觉.走路.讲课等... 动作 var obj2 = { name: 'laoma', age: 18, sayHi: function(){ console.log( name + 'say hi' ); } }; //添加其他属性: o…

javascript中的对象创建与继承

js是一门基于原型的面向对象语言,与传统的面向对象如Java,C#相比,它在对象创建及继承上有自己独特的实现方式,本文主要描述js中对象创建及继承的一些实践. 1.对象创建方式一:工厂模式创建对象 <script> function createPerson(name,age,job) { var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name); }; retu…

JavaScript—对象创建方式

JavaScript 也是面向对象的语言(oop) 之前学JavaScript 没有学对象.现在做下笔记创建对象的方式: 1．对象字面量 const hero = { name: '吕布', weapon: '方天画戟', attack: function () { console.log(this.name+'使用天下无敌') } } 2 . new object let hero1 = new Object() hero1.name = '吕布' hero1.weapon = '方…

JavaScript知识点整理（一）

JavaScript知识点(一)包括数据类型.表达式和运算符.语句.对象.数组. 一.数据类型 1) js中6种数据类型:弱类型特性 5种原始类型:number(数字).string(字符串).boolean(布尔值).null .undefined 1种对象类型:object对象(函数function 数组array 日期Date等) 2)数字转换字符串可以的+"",字符串转换数字可以-0 例:var num = 32; num = "this is a string&q…

《你不知道的JavaScript》整理（四）——原型

一.[[Prototype]] JavaScript中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用. var myObject = { a: 2 }; myObject.a; 当你试图引用对象的属性时会触发原型[[Get]]操作,比如myObject.a. 1. 第一步是检查对象本身是否有这个属性,如果有的话就使用它. 2. 如果a不在myObject中,就需要使用对象的[[Prototype]]链了. 1)Object.prototype 普通的[[Prot…

JavaScript知识点整理

1.JavaScript的定义 JavaScript是一种专门为与网页交互而设计的脚本语言.有下列三部分组成 ①ECMAScript,提供核心语言功能 ②文档对象模型(DOM),提供访问与操作网页内容的方法与接口 ③浏览器对象模型(BOM),提供与浏览器交互的方法与接口 2.在HTML中使用javascript <script>元素属性:async(异步),表示应该立即下载脚本:async = “async” defer(延迟),表示脚本可以延迟到文档完全被解析和显示之后再执行,defer…

【JavaScript回顾】对象创建的几种模式

组合使用构造函数模式和原型模式创建自定义类型的常见方式,就是组合使用构造函数模式与原型模式.构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性.结果,每个实例都会有自己的一份实例属性的副本, 但同时又共享着对方法的引用,大限度地节省了内存.另外,这种混成模式还支持向构造函数传递参数:可谓是集两种模式之长. <script> function Person(name, age, job) { this.name = name; this.age = age; this.job…

javascript ActiveXObject FileSystemObject 对象,创建、复制、删除、读取文件等

Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高级语言中经常做的工作一样.怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作. 一.功能实现核心:FileSystemObject 对象其实,要在Javascript中实现文件操作功能,主要就是依靠FileSystemobject对象.在详…

JavaScript高级程序设计--对象创建的三种方法

创建对象的三种方法: 1.工厂模式工厂模式是软件工程领域广为人知的设计模式,这种模式抽象了创建具体对象的过程.下面是使用工厂函数创建对象的的一个例子. 2.构造函数: 从上面的例子中,我们看到构造函数与工厂函数不同之处: 1.没有显式的创建对象 2.直接将属性和方法赋给了this对象,没有return语句另外,函数名Person使用了首字母大写.(这是一个惯例,构造函数始终都应该以一个大写字母开头,而非构造函数应该以一个小写字母开头.) 使用构造函数来创建对象,意味着你可以获取对象的类型.这…

js---12对象创建方式，构造器，原型

javascript对象创建方式

工厂模式在ECMAscript中无法创建类,所以开发人员就发明了一种函数,用函数来封装,以特定接口创建对象的细节,如下面的例子所示: function createPerson(name,age,job){ var temp=new Object(); temp.name=name; temp.age=age; temp.job=job; temp.sayName=function(){ alert(this.name); } return temp; } var person1=create…

javascript最常用的对象创建方式

//第一种 function Demo(){ var obj=new Object(); obj.name="Yubaba"; obj.age=12; obj.firstF=function(){ } obj.secondF=function(){ } return obj; } var one=Demo(); // 调用输出 document.write(one.age); //第二种 function Demo(){ this.name="Yubaba"; th…

【读书笔记】读《JavaScript模式》 - 对象创建模式

JavaScript是一种简洁明了的语言,其中并没有在其他语言中经常使用的一些特殊语法特征,比如命名空间(namespace).模块(module).包(package).私有属性(private property),以及静态成员等语法. 当然,我们使用其他方式来模拟实现上述语法特征. /** * 1.命名空间模式 * 1>命名名称的选取:应用程序(QIANGBA)或库的名称(TIANLANG).域名或公司(CYOU)名称 * 2>通用命名空间 * 注意名称覆盖的问题 * //不安全的代码 *…

JavaScript知识点整理（二）

1)函数概述 1.函数是一块 JS 代码,被定义一次,但可以执行和调用多次. JS 中的函数也是对象,所以 JS 函数可以像其它对象那样操作和传递,所以也常叫 JS 中的函数为函数对象. 2.函数也是对象,也叫函数为函数对象. 函数的返回值依赖return,如果没有return则返回 undefined,如果作为构造器使用 new调用的话,return 后面的是基本类型或者没有,则将 this 返回. 3.函数调用的几种方式直接调用 foo() 对象方法 o.method() 构造器 new…

.Net中各种不同的对象创建方式的速度差异

在.Net中,微软给我们提供了很多不同的创建对象实例的方法,它们的速度又各有不同,以下一一列举. 使用new关键字这在.Net中是最常见,也是速度最快的方式: var instance = initializer.CreateInstance(); Ok,现在我一共提出了6种不同的创建对象的方式,大家可以猜猜这些创建对象的方式当中那个会比较快. 使用new关键字使用System.Activator类的CreateInstance方法动态创建…

javascript - 一种对象赋值方式

/** * step1: * 结果为:1,'2' */ let opt = { num: 1, str: '2' } let { num, str } = opt; console.log(num, str); //####################################### // 让我又想起了以前的赋值方式 let obj = { nums: 1, strs: '2' } console.log(obj.nums, obj.strs);…

Javascript 知识点整理

1.十进制和十六进制相互转换 /* 十六进制转十进制 */ var test = FF; var x = parseInt(test ,16); //方法一 x = parseInt('0x'+test); //方法二 /* 十进制转十六进制 */ var test = 255; var x = test.toString(16) 2.表单元素值的获取 var inputObj = document.getElementById('test') inputVal = inputObj.value…

一步步学习javascript基础篇（5）：面向对象设计之对象继承（原型链继承）

上一篇介绍了对象创建的几种基本方式,今天我们看分析下对象的继承. 一.原型链继承 1.通过设置prototype指向“父类”的实例来实现继承. function Obj1() { this.name1 = "张三"; } function Obj2() { } Obj2.prototype = new Obj1(); var t2 = new Obj2(); alert(t2.name1); 这里有个明显的缺点就是:(如果父类的属性是引用类型,那么我们在对象实例修改属性的时候会把原型中…

深入JavaScript对象创建的细节

最近深入学习javascript后,有个体会:面向对象的方式编程才是高效灵活的编程,也是现在唯一可以让代码更加健壮的编程方式.如果我们抛开那些玄乎的抽象出类等等思想,我自己对面向对象的从写程序的角度理解就是:复用和封装.复用具体就是让你尽量少写重复代码,封装就是将一些耦合度很高的逻辑放到一个程序块里,而且尽量让里面内容不受外界影响.最后的结论是:优秀的javascript代码都是面向对象的. 如何构建javascript对象?ECMA-262对对象的定义是:无序属性的集合,其属性可以包含基本值.…