【JS创建对象的四种简单方式 (工厂模式和自定义构造函数创建对象的区别)】的更多相关文章

JS创建对象的四种简单方式 (工厂模式和自定义构造函数创建对象的区别)

// 对象:特指的某个事物,具有属性和方法(一组无序的属性的集合) // 特征------>属性 // 行为------>方法 // 创建对象的四种方式 1 // 1.字面量的方式,就是实例化对象 var stu1={ name:"小明", age:20, ID:20181111, sex:"男", eat:function(){ console.log("吃烩面"); }, readBook:function(){ console.…

js函数的四种调用方式以及对应的this指向

一.函数调用,此时this是全局的也就是window 1 var c=function(){ 2 alert(this==window) 3 } 4 c()//true 二.方法调用 var myObj={ value:2, inc:function(num){ alert(this.value+num); } } myobject.inc(1); //结果3,因为this指向myObj 注意:内部匿名函数不属于当前对象的函数,因此this指向了全局对象window var myObj={ na…

JS高级---工厂模式创建对象和自定义构造函数创建对象的区别

创建对象:工厂模式和自定义构造函数的区别 共同点: 都是函数, 都可以创建对象, 都可以传入参数   区别:   工厂模式: 函数名是小写 有new, 有返回值 new之后的对象是当前的对象 直接调用函数就可以创建对象 //工厂模式创建对象 function createObject(name, age) { var obj = new Object(); obj.name = name; onj.age = age; obj.sayHi = function () { console.log(…

js创建对象的几种常用方式小结

第一种模式:工厂方式  var lev=function(){ return "666"; }; function Parent(){ var Child = new Object(); Child.name="66"; Child.age="4"; Child.lev=lev; return Child; }; var x = Parent(); alert(x.name); alert(x.lev()); 说明: 1.在函数中定义对象,并定义…

js介绍，js三种引入方式，js选择器，js四种调试方式，js操作页面文档DOM（修改文本，修改css样式,修改属性）

js介绍 js运行编写在浏览器上的脚本语言(外挂,具有逻辑性) 脚本语言:运行在浏览器上的独立的代码块(具有逻辑性) 操作BOM 浏览器对象盒子 操作DOM 文本对象 js三种引入方式 (1)行间式:书写在代码块写在全局事件属性中 <div id="box" onclick="this.style.backgroundColor = 'red'; "></div> (2)内联式:书写在body最下方 <div id="temp…

CSS简单的四种引入方式

CSS一共有四种引入方式 (1)最简单的两种方式是直接在html标签里面引入,或者在html文件前面声明,以下是简单的代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{background-color:red; color: black}…

【温故知新】——原生js中常用的四种循环方式

一.引言 本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0   网页输出“欢迎下次光临” 在网页中弹出框输入1   网页输出“查询中……” 在网页中弹出框输入2   网页输出“取款中……” 在网页中弹出框输入3   网页输出“转账进行中……” 在网页中弹出框输入其他字符   网页输出“无效按键” 四种循环: for循环 while循环 for  in 循环 for  of 循环 二.for循环 <!doctype html> <h…

浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序

在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} Function()构造函数: var fnMethodName = new Function(‘x','alert(x);') // 由Function构造函数的参数个数可变.最后一个参数写函数体…

js的数据类型、函数、流程控制及变量的四种声明方式

运算符 基本运算符 加 + 减 - 乘 * 除 / 取余 % 自增 ++ eg: 1++ 或 ++1 自减 -- eg: 1-- 或 --1 注:++或--写在前面表示优先级最高,先进行自增或者自减 写在后面表示优先级最低,比赋值还低,先干完别的再赋值逻辑运算符 与 && 或 || 非 !三元运算符 res = 条件 ? 结果1 : 结果2 条件成立取结果1,失败取结果2 eg:res = 1 < 2 ? "小于" : "大于"; consol…

黑马vue---18、v-for指令的四种使用方式

黑马vue---18.v-for指令的四种使用方式 一.总结 一句话总结: (item, i) in list:什么in什么的形式,前面是各种参数 1.v-for循环普通数组? <p v-for="(item, i) in list">索引值:{{i}} --- 每一项:{{item}}</p> list: [1, 2, 3, 4, 5, 6] 2.v-for循环对象数组? <p v-for="(user, i) in list">…