javascript笔记整理(对象基础)】的更多相关文章

一.javascript对象遍历 1.javascript属性访问 对象.属性名 对象['属性名'] var obj={name:'chen',red:function(){ alert(1);return 2; }}; alert(obj['name']); alert(obj.name);  2.javascript属性遍历(for in) //( obj[i] )此格式才有效var obj={ name:'chen', red:function(){ alert(1); return 2;…
一.名词解释 1.基于对象(一切皆对象,以对象的概念来编程) 2.面向对象编程(Object Oriented Programming,OOP) A.对象(JavaScript 中的所有事物都是对象) B.对象的属性和行为 属性:用数据值来描述他的状态 行为:用来改变对象行为的方法 C.类 具有相同或相似的性质的对象的抽象就是类.对象的抽象,就是类,类的具体化(实例化)就叫做对象 二.创建对象 1.构造函数方法 function fun1 () { alert(1); } var obj=new…
Object.prototype.say=function(){ alert("我是顶层的方法"); } children.prototype=new parent(); parent.prototype.say=function(){ alert('我是父类原型'); } function parent(){ this.say=function(){ alert('我是父类'); } } children.prototype.say=function(){ alert('我是子类原型…
DOM--document(html xml) object modle,document对象(DOM核心对象),document对象是 Window 对象的一部分,可通过window.document属性对其进行访问,document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.属性 title--返回或设置当前文档的标题 url--返回当前文档的URL bgColor--设置文档的背景色 fgColor 设置文档的前景色(设置文字颜色) 2.方法 getElementB…
浏览器对象模型 (BOM--Browser Object Model),window对象是BOM中所有对象的核心 A.属性 1.(位置类型-获得浏览器的位置) IE:window.screenLeft    获得浏览器距屏幕左上角的左边距  window.screenTop    获得浏览器距屏幕左上角的上边距 FF:  screenXscreenY 2.获得浏览器的尺寸 window.innerWidth      获得窗口的宽度window.innerHeight      获得窗口的高度…
一.属性 1.length——字符串的长度(不区分中英文) var a="chen陈"; alert(a.length); //结果:5 2.constructor——对象的构造函数 二.方法 A.获取类型 1.charAt()——返回在指定位置的字符 var a="chen陈"; alert(a.charAt(2)); //结果:e 2.charCodeAt()——返回在指定的位置的字符的Unicode编码 var a="chen陈"; ale…
1.属性 a.length--设置或返回数组元素的数目 var a=[1,2,3,45,5]; alert(a.length=6) 结果:6 alert(a[5]) 结果:undefined b.constructor--返回构造函数的引用 var test=new Array(); alert(test.constructor==Array); true 2.方法 a.删除或添加类 1.push()--向数组的末尾添加一个或更多元素,并返回新的长度 var a=[1,2,3,4,5]; ale…
整理一篇工作中的JavaScript脚本笔记,不定时更新,笔记来自网上资料或者自己经验归纳. (1) 获取Url绝对路径 function getUrlRelativePath() { var url = document.location.toString(); var arrUrl = url.split("//"); var start = arrUrl[1].indexOf("/"); var relUrl = arrUrl[1].substring(sta…
1.JavaScript 简介: JavaScript是互联网上最流行的脚本语言,所有现代的HTML都使用JavaScript.既然是脚本语言,那么它的特点就有一下三种: (1)弱类型: (2)解释型语言(不需要编译): (3)逐行执行,一行代码错误,其后的代码块都不会继续执行: (4)<script>标签可直接嵌入到HTML文件中,位置是任意的,通常放在被修饰内容下面或者head标签中,但写成单独的js文件有利于结构和行为的分离 2.JavaScript 内容(附图): 其中ECMAScri…
一.事件驱动 1.事件javascript侦测到的用户的操作或是页面的一些行为(怎么发生的) 2.事件源引发事件的元素(发生在谁的身上) 3.事件处理程序对事件处理的程序或是函数 (发生了什么事) 二.事件的分类 1.鼠标事件 onclick 鼠标点击事件 ondblclick     鼠标双击事件 onmousedown     鼠标按下 onmouseup      鼠标松开 onmousemove       鼠标移动 onmouseover         鼠标移入 onmouseout…
数组是一个可以存储一组或是一系列相关数据的容器. 一.为什么要使用数组. a.为了解决大量相关数据的存储和使用的问题. b.模拟真是的世界. 二.如何创建数组 A.通过对象的方式来创建——var a=new Array(); 赋值方式: 1.直接赋值——var a=new Array(元素1,元素2,元素3,元素4,........) var a=new Array(数值)如果只有一个元素,并且这个元素是数值类型的,那么他就是指定数组的长度并且他的值都是undefined var a=new A…
1.回调函数(通过函数的指针来调用函数,把一个函数的指针做为另一个函数的参数,当调用这个参数的时候,这个函数就叫做回调函数) a.通过指针来调用 function aa(a,b,fun){ return fun(a,b); } function bb(a,b){ return a+b; } function cc(a,b){ return a*b; } alert(aa(3,2,bb)); 结果:5 alert(aa(3,2,cc)); 结果:6 b.匿名方法 function aa(a,b,f…
变量的作用域(作用域:指的就是一段代码的作用范围) 一.变量的作用域 1.全局变量(在代码中任何地方都能够访问得到的变量,拥有全局的作用域) A.最外层函数外面定义的变量 var a=1; function aa(){ alert(a); }; aa(); 结果:1 B.没有定义直接赋值的变量,拥有全局属性 var a; function aa(){ a=1; }; aa(); alert(a); 结果:1 2.局部变量(只能在固定的代码片段(函数片段中)中访问得到)----可以提高程序的逻辑性…
javascript函数的声明和调用将完成某一特定功能的代码集合起来,可以重复使用的代码块. 一.函数的声明方式(创建) A.基本语法(function  关键字)function 函数名([参数1],[参数2]....){    函数体    [retrun]  //返回值} function a(){ alert(1) }; B.字面量定义的形式(匿名函数)var 变量=function ([参数1],[参数2]....){    函数体    [retrun]  //返回值} var a=…
目录 1. 函数 1. 函数创建 2. 函数的参数 2. return.break.continue 3. 立即执行函数 4. 对象 5. 枚举对象中的属性 6. 声明提前 1.变量的声明提前 2. 函数的声明提前 7. 作用域(Scope) 1. 全局作用域 2. 函数作用域 8. this 9. 使用工厂方法创建对象 10. 构造函数 11. 原型 12. toString 13. 垃圾回收(GC) 14. 数组 1. 类型 2. 四个方法 3. 数组遍历练习 4. forEach() 4.…
RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具 var re=/e/; var re=new RegExp('e'); 正则表达式的 String 对象的方法 1.search---检索与正则表达式相匹配的值(返回值得下标) var a='a1a34b4cd5ef5g'; alert(a.search('a')); 结果:0 alert(a.search(/\d{2}b/g)); 结果:3 2.match---找到一个或多个正则表达式的匹配(返回一个数组) var a='a…
流程:就是程序代码的执行顺序 流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行 1.顺序结构(按照书写顺序来执行,是程序中最基本的流程结构) 2.选择结构(分支结构.条件结构):根据给定的条件有选择的执行形相应的语句 if else 1.单路分支 *.条件可以是表达式也可以是任何的数据类型 *.大括号会把他里面的代码当作一个整体来运行,如果只有一条语句,可以省略大括号 if(1<2)alert(1); if (条件){ //只有当条件为 true 时执行的代码 } 2.双路分支 if…
A.数据类型强制转换 1.转换为数值类型 Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值,false为0,true为1 var a=false;alert(Number(a)); a=0 B.如果是数字,转换成为本身.将无意义的后导0去掉 var a=3.2;alert(Number(a)); a=3.2 C.如果Null转换为0 var a=null;alert(Number(a)); a=0 D.如果是undefined 转换为NaN not a number var a…
1.运算符和操作数的组合就称为表达式. 2.算术运算符(+ - * / % a++ a-- --a ++a) a.+ 1.用于数值计算:var a=1;var b=2;alert(a+b)===3 2.用于字符串连接:var a='h';var b="w";alert(a+b)==hw ***任何的数据类型和字符串相加都是字符串*** var a='h';var b=1;alert(a+b)=='h1' b.% 1.用于取一段范围的值(*取偶数.**取奇数) 2.一般不用于小数,因为结…
A.概述 1.输出工具: document.write()---可以是html alert()---字符串 prompt(text,defaultText) text---可选.要在对话框中显示的纯文本(而不是 HTML 格式的文本). defaultText---可选.默认的输入文本. 2.js的放置 a.可以再HTML的任何位置放置 b.但他是一个整体,相互影响 c.在超链接和重定向的位置 <a href="javascript:alert();"></a>…
可以依据js对象中key是永远不会重复的原则,来模拟Map类型以及去除数组重复项. 1.模拟Map类型 (1)构造Map对象 function Map(){ //private var obj = {}; // 空的对象容器,存放键值对 //put方法 this.put = function (key,value){ obj[key] = value; } //get方法 this.get = function(key){ if(obj[key] || obj[key] === 0 || obj…
一.尝试MySQL 1.打开MySQL # 启动MySQL服务 sudo service mysql start # 使用 root 用户登录,这里密码为空,直接回车登录 mysql -u root window cmd 登录 mysql -u root -p 2.查看数据库: show databases: -- 改数据库名 rename database oldname to newname; -- 删除数据库 drop database dname; 3.连接使用某个数据库: use <数…
javascript对象基础 一.名词解释: 1.基于对象 一切皆对象,以对象的概念来编程. 2.面向对象编程(oop Object oriented programming) A.对象 就是人们要研究的任何事物,不仅能表示具体事物,还能表示抽象的规则,计划或事件. 属性的无序集合,每个属性可以存一个值(原始值,对象,函数) B.对象的属性和行为 属性:用数据值来描述他的状态 行为:用来改变对象行为的方法 C.类 具有相同或相似的性质的对象的抽象就是类.对象的抽象,就是类,类的具体化(实例化)…
Array 数组对象数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的数组定义的方法: 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组: var 数组名 =new Array(n); 3.定义数组的时候,直接初始化数据: var 数组名 = [<元素1>, <元素2>, <元素3>...]; 我们定义myArray数组,并赋值,代码如…
学习ReactNative笔记整理一___JavaScript基础 ★★★笔记时间- 2017-1-9 ★★★ 前言: 现在跨平台是一个趋势,这样可以减少开发和维护的成本.第一次看是看的ReactNative的网络请求,使用的是fetch来使用的,然后深深的被吸引了.这是第一个整理的学习笔记,后续还有会更新. 学习链接地址: https://pan.baidu.com/s/1dFMJtAD 密码: hs3e 学习课程目标 <JavaScript基础>1小时27分 <ECMAScript…
废话篇头: 由于工作关系,所以写博文的时间有那么点~~,其实是输入法太懒了,都是输入法的错~~ 这一系列的博客将总结所有关于JavaScript语言的精髓,适合0基础到大师级别人物阅读. <JavaScript 精髓整理篇>将系统整理Javascript语言精要.欢迎们加入我信息栏中的qq群,我们可以一起探讨.qq群:164858883 精华不容错过: 随着nodejs的火爆,以及移动开发的热潮,js的地位已经火速上涨. JavaScript 精要可以从下面11个关键类型入手:Object.A…
原文:从头开始学JavaScript 笔记(一)--基础中的基础 概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript   ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法.类型.语句.关键字.保留字.操作符.对象 1.2 DOM DOM把整个页面映射为一个多层节点结构,HTML或者…
练习平台Codewars地址:https://www.codewars.com/ 欢迎和大家一起来讨论~╭( ・ㅂ・)و ̑̑   基础练习(1):   我的解答为: class SmallestIntegerFinder { findSmallestInt(args) { var a = args[0]; for(var i=0; i<args.length; i++){ if(args[i] <= a){ a = args[i]; } } return a; } } 较优解答为: clas…
「学习笔记」HTML基础 前言 勤做笔记不仅可以让自己学的扎实,更重要的是可以让自己少走弯路.有人说:"再次翻开笔记是什么感觉",我的回答是:"初恋般的感觉".或许笔记不一定十全十美,但肯定会让你有种初恋般的怦然心动. 本章着重复习Html的基础内容,学习Html究竟要学些什么呢?主要是学习各种标签,来搭建网页的"结构". 本篇文章主要由五个章节构成,从WEB标准到初识HTML,接着学习HTML常用标签,最后学习表格列表和表单.开始充电之旅啦~~…
js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //"number" typeof “s”;//"string" typeof null;//"object":ECMAScript把null描述为独特的类型,但返回值却是对象类型,有点困惑. 可以使用Object.prototype.toString.ca…