• 现在只需要<script></script>标签
  • javascript通常做法是放在<head>部分中,或者放在页面底部,这样可以把他们安置在同一位置,不会干扰页面内容。
  • JavaScript 使用 Unicode 字符集。
  • 重新声明变量后,变量中的值不会发生丢失。
  • Undefined这个值表示变量不含有值,Null可以用来清空变量。
  • 访问对象属性的两种方式  person.lastName ,person['lastName']
  • === 为绝对相等,即数据类型与值都必须相等。
  • var x = "John";
    var y = new String("John");
    typeof x // 返回 String
    typeof y // 返回 Object 不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用:
  • x=5+5;       //
    y="5"+5; //
    z="Hello"+5; //hello5
  • 条件运算符  
    variablename=(condition)?value1:value2 
  • For/In循环   循环遍历对象的属性
    var person={fname:"John",lname:"Doe",age:25}; 
    
    for (x in person)  // x 为属性名
    {
    txt=txt + person[x];
    }
  • 在JavaScript中,数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。
  • var person = null;           // 值为 null(空), 但类型为对象
    var person = undefined; // 值为 undefined, 类型为 undefined
  • 将数字转换为字符串   x.toString();
  • toExponential() 把对象的值转换为指数计数法。
      toFixed() 把数字转换为字符串,结果的小数点后有指定位数的数字。
    toPrecision() 把数字格式化为指定的长度。
  • 将字符串转换为数字  Number("3.04")
  • 正则表达式
    //search方法
    var str = "Visit Runoob!";
    var n = str.search(/Runoob/i); //replace方法
    var str = document.getElementById("demo").innerHTML;
    var txt = str.replace("Microsoft","Runoob");
    //将前一个替换为后一个 //test方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。
    var patt = /e/;
    patt.test("The best things in life are free!");
  • 变量提升
  • 严格模式   "use strict"
  • switch语句使用恒等计算符(===)进行比较
  • var x = 10;
    var y = "5";
    var z = x + y; // z 的结果为 "105"
  • 字符串换行需要所使用反斜杠
    var x = "Hello \
    World!";
  • JavaScript 不支持使用名字来索引数组,只允许使用数字索引。
  • let 声明的变量只在 let 命令所在的代码块内有效。  const 声明一个只读的常量,一旦声明,常量的值就不能改变。

  • 使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:
    var obj = JSON.parse(text);

JavaScript命名规范:

变量名推荐使用驼峰法来命名(camelCase):
通常运算符 ( = + - * / ) 前后需要添加空格:
一条语句通常以分号作为结束符。
全局变量为大写 (UPPERCASE )
建议统一使用小写的文件名。
  • javascript函数有个内置的对象arguments对象,该对象包含了函数调用的参数数组。
  • 闭包能够延长局部变量的寿命,同时还能起到惰性求值的作用。
  • 在用户点击 按钮时触发监听事件
    document.getElementById("myBtn").addEventListener("click", displayDate);
  • removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄:
element.removeEventListener("mousemove", myFunction);
  • Javascript prototype (原型对象)
  • 如果前缀为0,解析为八进制数,如果前缀为0x 则解释为十六进制。
  • javascript计时器事件    setInterval 间隔指定的毫秒数不停地执行指定的代码      setTimeout()   在指定的毫秒数后执行指定代码
    <p id="demo"></p>
    <button onclick="myStopFunction()">停止</button>
    <script>
    var myVar=setInterval(function(){myTimer()},1000);
    function myTimer(){
    var d=new Date();
    var t=d.toLocaleTimeString();
    document.getElementById("demo").innerHTML=t;
    }
    function myStopFunction(){
    clearInterval(myVar);
    }
    </script>

    

JS语法学习笔记-菜鸟教程的更多相关文章

  1. JS语法学习笔记

    JS语法: JS知识点一览图 JS知识点一览图 在function中写this,在本function中可以显示,写Person则显示undefined. 在function中写Person,在func ...

  2. Mustache.js语法学习笔记

    原文地址:http://www.cnblogs.com/flypig88/archive/2012/05/14/2497780.html 看了Mustache的github,学学其中的语法,做个笔记 ...

  3. python2.7学习笔记——菜鸟教程

    标准数据类型 Numbers(数字) String(字符串) List(列表) Tuple(元组) Dictionary(字典) list = [ 'runoob', 786 , 2.23, 'joh ...

  4. 学习笔记|JSP教程|菜鸟教程

    学习笔记|JSP教程|菜鸟教程 ------------------------------------------------------------------------------------ ...

  5. 毕业设计 之 五 PHP语法学习笔记

    毕业设计 之 四 PHP语法学习笔记 作者:20135216 平台:windows10 软件:XAMPP,DreamWeaver 说明:该笔记是对网站编程语言的详细学习 一.PHP基础 0. 关于环境 ...

  6. js再学习笔记

    #js再学习笔记 ##基本 1.js严格区分大小写   2.js末尾的分号可加,也可不加   3.六种数据类型(使用typeof来检验数据的类型) `typeof` - undefined: `var ...

  7. Golang 语法学习笔记

    Golang 语法学习笔记 包.变量和函数. 包 每个 Go 程序都是由包组成的. 程序运行的入口是包 main. 包名与导入路径的最后一个目录一致."math/rand" 包由 ...

  8. 【干货分享】Node.js 中文学习资料和教程导航

    这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念,它的目标是帮助程 ...

  9. JS数组学习笔记

    原文:JS数组学习笔记 最近在备课数组,发现很多ES5的方法平时很少用到.细节比较多,自己做了大量例子和整理,希望对大家了解JavaScript中的Array有所帮助. 概念 数组是值的有序集合.每个 ...

随机推荐

  1. HearthBuddy的狂野和休闲模式来回切换

    表现1 配置是标准,休闲模式 然后一直重复提示 select desire deck select causal mode 表现2 配置是狂野,休闲模式 然后一直提示 切换到狂野 切换到标准 把模式切 ...

  2. python中列表的简单用法

    1.定义list >>> li = ["a", "b", "mpilgrim", "z", " ...

  3. Anaconda 改为国内镜像的方法

    Anaconda的conda 特别好用 但如果用国外的镜像,慢的出奇 可以改为了国内镜像会好很多 conda config --add channels https://mirrors.tuna.ts ...

  4. [net]tcp和udp&socket

    参考 TCP和UDP连接 关于传输层TCP.UDP协议可能我们平时遇见的会比较多,有人说TCP是安全的,UDP是不安全的,UDP传输比TCP快,那为什么呢,我们先从TCP的连接建立的过程开始分析,然后 ...

  5. Jmeter测试结果分析(上)

    Jmeter测试结果分析这一篇,我打算分成上下两部分.上篇,主要讲述如何使用jmeter中Assertion对结果进行简单的分类:下篇,主要讲述的是当我们拿到测试结果后,我们应该如何去看待这些测试结果 ...

  6. kvm网络虚拟化(vlan,bond,vlan+bond)(3)

    一.Linux Bridge网桥管理 网络虚拟化是虚拟化技术中最复杂的部分,也是非常重要的资源. VM2 的虚拟网卡 vnet1 也连接到了 br0 上. 现在 VM1 和 VM2 之间可以通信,同时 ...

  7. 只含有一个Excel模板的工程发布问题

    遇到这样一个问题,某个项目不是dynamic web project,也不是java工程,里面只有一个Excel模板,这样的话,不能打成war包和jar包,不能通过eclipse发布至Tomcat,但 ...

  8. Element Children

    The childNodes property contains all of the immediate children of the element. There is a significan ...

  9. 【一个开发设想】开发一个游戏向时间管理APP

    什么是游戏向时间管理呢? 首先我们要做的是时间管理.为了更好地利用时间,摆脱拖延症. 其次是游戏向.就是利用主线任务.支线任务.每日任务的方式展现,一般来讲,没人会讨厌玩游戏.更何况玩这个“游戏”是为 ...

  10. React 克隆组件 -- React.cloneElement(可以用来修改子组件属性值,复制子组件,添加子组件)

    项目要求实现按钮级权限,简单来说就是需要通过后台数据绑定来控制前端页面哪些操作按钮需要渲染,哪些操作按钮不需要渲染, 大体的方案是: 在原有的按钮标签外再套一层按钮权限控制标签,然后每个具体的按钮对照 ...