js中级-11.2

js数据类型

基本数据类型:string   undefined   null  boolean  number

引用数据类型  Object  array  function

二者的区别

基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量

堆内存

就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放

另一种就是函数  以字符串的形式存放

引用数据类型的赋值,是把引用地址赋给它,在修改属性的时候,通过地址查找然后改掉。

应用数据类型,如何操作?

先通过引用地址去查找堆内存中的代码,然后再去修改。

This研究在函数内部

在js中的函数形式的种类

  1. 普通函数   function fn(){}   var fn=function()

对象Object

对象里面的数据以键值对的形式存在。跟json一样。

  1. 单例模式 ===》对象

我们把变量zhang和li 叫”命名空间“

作用域和堆内存的区别

作用域是函数执行的时候产生fn()

函数执行的时候首先会开辟一个新的内存空间叫栈内存(环境或作用域)

数据类型在赋值的时候会开辟一个新的内存空间叫堆内存(存放代码块的)

二者都会形成一个内存地址

生成对象的单例模式

优势,每个对象都是独立的,即便属性起的名字一样,不会相互干扰,方便现在流行的开发模式”模块化开发“。如果需要使用里面的属性,用.运算符  如zhang.name或zhang[“name”],判断一个属性是不是这个对象的用in运算符  如 “name” in zhang   如果遍历这个对象用 for(attr in zhang){}.

缺点,不可以批量生产,只能一个一个的去创建。

  1. 工厂模式===》对象

这种形式我们叫函数封装。优势,可以批量生产,减少冗余代码,提高代码重复利用率

(高密度低耦合)。没有继承和多态。

  1. 构造函数==>对象

要求,1.函数名首字母必须大写,2.里面的属性前面必须加this。3.函数调用的时候

必须使用new关键字

我们把Person叫类.   把zhang叫实例。万物皆对象。对象的特征有属性和方法。

string的类是 String

数组的类是 Array

对象的类是 Object

构造函数里的this指向实例对象。

构造函数里有了类和实例的概念,并且实例和实例都是独立的个体,我们把他叫实例识别。

构造函数里面的属性都是私有的,各个实例对象之间没有公共的属性。

为了实例的对象拥有公共的属性,所以js使用了prototype(原型)这个属性,属性值是一个对象,我们可以把公共的属性放在这个prototype上了

原型分析

  1. 每个函数数据类型(普通函数,类)都有一个prototype属性,并且这个属性是一个对象数据类型。
  2. 每一个prototype上都有一个constructor属性,并且这个属性值是当前函数或类本身

3.每一个对象数据类型(实例,普通对象,prototype)都天生具有一个__proto__属性,他的属性值是当前实例所属类的原型

通过图像我们知道

zhang.__proto__==Person.prototype   true

原型链

Duixiang.shuxing 的时候,首先看这个属性是不是私有的,私有的就直接使用,如果私有的属性没有,就找公有的,公有的有就使用,没有就按照__proto__找他的类上有没有,直到找到基类Object。如果Object没有就undefined了。这种查找机制叫原型链。

数据的三种存储方式

  1. String   “”
  2. Array    []
  3. Json    {}

所有编程语言java c python c++ 等 他们都是面向对象编程,面向对象必须有三大特点,封装,继承,多态.今天就是研究js

如何生成对象。

原文地址:https://www.cnblogs.com/wsxxy/p/10055019.html

时间: 2024-08-01 00:35:26

js中级-11.2的相关文章

js中级-11.7

针对表单的 Form input select textarea type="radio/checkbox/password/button/text/submit/reset/" 表单的事件 onchange  当表单内容被修改时触发的事件 onfocus  获取焦点事件 onblur  失去焦点事件 表单里的内容用.value 那div中内容用innerHTML 补充条件语句 if  else switch 定时器 Js的同步和异步 同步:代码从上到下执行. 异步:每个模块执行自己的

d3.js学习11

单元素动画transition().duration(duration) var body = d3.select("body"), duration = 5000; body.append("div") .classed("box",true) .style("background-color","#e9967a") .transition() .duration(duration) .style(&qu

node.js第11课(HTTPclient)

 一.http模块提供了两个函数http.request和http.get,功能是作为client向HTTPserver发起请求. Ext.Ajax.request({},function(response)) 1.http.request(options,callback)发起HTTP请求,接受两个參数,option是一个类似关联数组的对象, 表示请求的參数,callback是请求的回调函数,option经常使用的參数例如以下 host:请求站点的域名或IP地址 port:请求站点的端口,

codefordream 关于js中级训练

中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不能以数字开头.变量的定义,如:var num =5.关于变量的引用,我觉得这句话已经说的很形象了——数据本来不具有名称,之所以使用变量,就是为了通过某个名称来称呼这样一种不具有名称的数据. 所谓"引用",可以认为是用变量名来取出其代表的数据值.就像在许许多多的箱子里面通过箱子的名称,找到该

我的JS 中级学习篇

在codefordream上进入中级学习后,感觉立马从js的基础学习往前跳了好远,上面的东西好像都是第一次看到一样.这时候才发现,说来也曾接触过js,但是这时候才发现对js的认识就停在知道两点:js中用var定义变量,用function定义函数!这时候有点羞愧了,说来真是对不起老师们的教导!之前接触js是用于编写网页,当时在dreamwever上编写网页很多功能都没有自己动手用函数实现,而是直接拖动组件等方法创建的,导致好像真的除了看到过js代码,自己还真的居然没有写过! 中级部分主要有:代码运

[JS]笔记11之正则表达式

-->什么是正则表达式-->定义正则-->正则的索引-->元字符-->方括号.量词.其他符号-->RegExp 对象的方法-->String 对象方法 1.定义: 正则用于规定在文本中检索的内容,它是对字符串执行模式匹配的强大工具RegExp(正则表达式) 对象的语法:new RegExp(pattern, attributes);pattern为一个字符串或匹配规则attributes为可选字符串,包含属性g.i 和 mg:代表全局匹配 (继续往下匹配)i:代表

JS学习11(DOM2&DOM3)

DOM1级主要是在定义HTML和XML文档的低层结构.D2和D3则在这个结构的基础上引入了更多的交互能力.它们被分为了许多模块: DOM Level 2 Core:为1级核心添加了更多方法和属性 DOM Level 2 Views:为文档定义了基于样式信息的不同视图 DOM Level 2 Events:说明了如何使用事件与DOM文档交互 DOM Level 2 Style:有关CSS DOM Level 2 Traversal and Range:遍历和选择的新API DOM Level 2

js中级小知识1

首先我们复习之前的小知识,本期博客与之前有关 js数据类型 基本数据类型:string    undefined         null         boolean          number 引用数据类型:     Object     array       function 二者的区别 基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量 堆内存 就是存放代码块的,存放形式有两种,一种是对象一键值对的形式存放 另一种就是函数 以字符串的形式存放 案例 引用数据类型的赋

Web-js中级-11月1日

一: js数据类型 基本数据类型:string     undefined   null    boolean   number 引用数据类型:Object    array     function 二者的区别: 基本数据类型就是简单的赋值. 引用数据类型是把地址赋值给变量. 堆内存 就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放 另一种就是函数,以字符串的形式存放. 引用数据类型的赋值,是把引用地址赋值给它,在修改属性的时候,通过地址查找然后改掉. 应用数据类型,如何操作?