• 现在只需要<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. under the hood

    under the hood adjective a metaphorical area that contains the underlying implementation of somethin ...

  2. javascript之DOM(Document Object Model) 文档对象模型

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  3. Python获取两个文件的交集、并集、差集

    题记:朋友在处理数据时,需要解决这方面的问题,所以利用她给的代码,自己重新梳理了下,并成功运行. 代码如下: # coding:utf-8 s1 = set(open(r'C:\\Users\\yan ...

  4. python汉字编解码问题

    http://www.cnblogs.com/rollenholt/archive/2011/08/01/2123889.html

  5. 转: 动态加载、移除js、css文件

    function loadjscssfile(filename, filetype){ if (filetype=="js"){ var fileref=document.crea ...

  6. kafka Windows安装

    1:安装JDK. 2:安装Zookeeper 下载地址:https://zookeeper.apache.org/releases.html 下载后,解压放在目录D:\bigdata(本文所用的目录) ...

  7. RxJava2实战--第八章 RxJava的背压

    RxJava2实战--第八章 RxJava的背压 1 背压 在RxJava中,会遇到被观察者发送消息太快以至于它的操作符或者订阅者不能及时处理相关的消息,这就是典型的背压(Back Pressure) ...

  8. Spring JdbcTemplate实例

    1.常用方法 * update():执行DML语句.增.删.改语句* queryForMap():查询结果将结果集封装为map集合,将列名作为key,将值作为value 将这条记录封装为一个map集合 ...

  9. mysql的基本操作命令

    1,数据库操作: create database 数据库名 例:create database test; 亦或 create database test charset=utf8; 相关操作: 显示 ...

  10. Using NodeLists

    Understanding a NodeList object and its relatives, NamedNodeMap and HTMLCollection, is critical to a ...