1. JavaScript学习笔记——JS基础
1. JavaScript基础
1.1 语法
严格区分大小写
标识符,第一个字符可以是 $,建议使用小驼峰法,
保留字、关键字、true、false、null不能作为标识符
JavaScript是用Unicode字符集编写的
1.2 数据类型
判断数据类型:
typeof xxx
定义变量:
var xxx = yyy; 函数内部不加var可以定义全局变量
可以随意改变类型var a,b,c; 定义多个变量
Number 类型:
包括整数和小数
var n=0x111;//十六进制 var n=1.2e2;//科学计数法 var n=1.0 //n=1,因为JavaScript会尽量把浮点数转换为整数,因为浮点数占的内存是整数的两倍
alert(Number.MAX_VALUE) 支持最大数,MIN_VALUE最小
alert(Numver.Infinity) 无穷大
NaN(Not A Number)非法数字,不是数字,可以通过
isNaN(xx)
判断,返回Boolean值alert('哈' - 1) => NaN
String 类型: 'xxx' " t'ttt "
\xnn 以十六进制代码nn表示一个字符,如:\x41表示A
\unnnn 以十六进制代码nnnn表示一个Unicode字符
除了 null undefined 外的所有值都有toString()方法,可以把相应的值转换为字符串形式
Boolean 类型:
通过Boolean(xxx) 转换,== 判断不出
true:非零数值,非空字符串,非null对象
false:0 空字符串,Null,Undefined
在流程控制语句(如:if),会自动转换为Boolean值
Undefined 类型:只有一个值undefined(开头字母小写),表示变量未初始化
var s;alert(s) //undefined
主要用于逻辑判断
alert(typeof xx(未定义变量) ) //也会是undefined
Null类型:只有一个值null,表示空对象指针
alert(typeof null) //Object
如果定义的变量准备在将来用于保存对象,那么最好把他设置为null,这样就可以判断是否为null来判断是否保存了一个对象的引用
if (xx != null){ doSomething(xx); }
undefined由null衍生出来,undefined == nulll
Object 类型:
1.3 数据类型转换
toString():
var s=123; s.toString() // '123' 当以字符串形式输出某个对象时,就会自动调用对象内部的toStrong()方法
null和undefined没有toString()方法。'str' + xxx => 'str'
var n=9; n.toString(2);//'1001'
整数变量.toString(进制),可以进行进制转换String(obj)
将任何类型转换为字符串,包括null和undefined
Number():
var s='123'; alert(Number(s)) // 123 var s='haha33'; alert(s)// NaN
如果字符串是一个空串或全是空格的字符串,则转换为0
null => 0 undefined => NaN true => 1
parseInt()/parseFloat():
从第一位有效数字开始,直到遇到无效数字,如果第一位不是有效数字,返回NaN
Number()函数无论字符串是否包含有效整数都会返回NaN,利用parseInt()/parseFloat()可以提取字符串中的有效整数
parseInt('123aaa') //123
parseInt('100',2) //4
当提供第二个参数时,代表字符串是几进制的,返回十进制
1.4 语句
//【switch语句】
//可以使用任何数据类型
switch(s){
case 'a':
case 'b': //合并了两种情形
alert("a or b");
break;
case 'c':
alert(c);
break;
default:
alert(other)
}
//【for-in语句】
//迭代出的是:数组、字符串是位置、对象是key
for(var x in 'hello'){
console.log('hello'[x]);
}
//【label语句】
//在代码中添加标签,可以由break 或 continue引用
xxx:
for(var i=0; i<10; i++){
if(i==8){
break xxx;
}
}
//【with语句】
//作用是将代码的作用域设置到一个特定的对象中
var location = {
name = 'bin'
};
var name = 'out';
with(location){
alert(name);//bin
}
alert(name);//out
1.5 操作符
布尔操作符:
逻辑非:
用
!
表示,可以应用于 ECMAScript中的任何值,无论这个值是什么类型,这个操作符都会返回一个布尔值。逻辑非首先将它的操作符转换成一个布尔值,然后对其求反。! Object => false
! "str" => false
! "" => true
! 0 => true
! num => false (包括Infinity)
! null => true
! NaN => true
! undefined => true
如果连续使用两次
!
,则会模拟 Boolean() 转换函数的行为,!
首先将操作数转换成布尔值再取反,然后!
再取反一次,就相当于把操作数转换成了其对应的布尔值。
逻辑与:
&&
如果第一个操作数转换成布尔值是false,就返回第一个操作数
如果第一个操作数转换成布尔值是true,就返回第二个操作数
false && alert(1) => false
true && alert(1) => alert(1)
逻辑或:
||
与逻辑与相反
false || alert(1) => alert(1)
true || alert(1) => true
1. JavaScript学习笔记——JS基础的更多相关文章
- JavaScript学习笔记——JS中的变量复制、参数传递和作用域链
今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习.今天学习笔记主要有这样几个关键字:变量.参数传递.执 ...
- JavaScript学习笔记:基础知识点总结
基础概念 JavaScript(以下简称Js)中数据类型:Number 字符串 布尔值 数组 对象(Js的对象是一组由键值对组成的无序集合) Js中基础概念:变量(概念和Java中变量概念类似 指示某 ...
- JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- JavaScript学习笔记(基础部分)
一.JavaScript简介: 概念:JavaScript是一种解释性的.跨平台的.基于对象的脚本语言,一般用于客户端来给HTML页面增加动态的功能. 组成: 1.ECMAScript,描述了该语言的 ...
- JavaScript学习笔记——对象基础
javascript对象基础 一.名词解释: 1.基于对象 一切皆对象,以对象的概念来编程. 2.面向对象编程(oop Object oriented programming) A.对象 就是人们要研 ...
- 廖雪峰JavaScript学习笔记(基础及数据类型、变量)
先睹为快 alert('我要学JavaScript!'); Run: 基本语法: 1.每个语句以;结束,不强制 2.语句块用{...} 3.//单行注释,/*...*/ 多行注释 数据类型: 1.不区 ...
- JavaScript学习笔记1_基础与常识
1.六种数据类型 5种基础的:Undefined,Null,Boolean,Number,String(其中Undefined派生自Null) 1种复杂的:Object(本质是一组无序键值对) 2.字 ...
- javascript 学习笔记 -- js获取本地文件信息
JavaScript是跑在浏览器中,所以对于JavaScript读取本地文件不想c++ 和 java那样easy.网上有很多关于读取本地文件的方法,许多是用ActiveXObject控件.Active ...
- JavaScript学习笔记-Js操控HTML5 <progress> 标签
Js操控----HTML5 <progress> 标签 简单模拟下下载进度跑条 <h4>加载进度</h4> <input type="button& ...
随机推荐
- bootstrap实现去点列表、内联列表、水平定义列表
内联列表:通过添加类名“.list-inline”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示. 去点列表:通过给无序列表添加一个类名“.list-uns ...
- JS实现windows.open打开窗口并居中
function openWin() { var url='Add.aspx'; //转向网页的地址; ...
- [operator]ELK6的安装
找了很久才找到一个博客写得比较全面的,FrankDeng 系统环境:CentOS7 相关软件:node-v10.9.0.tar.gz.kibana-6.4.0-linux-x86_64.tar.gz. ...
- windows 安装 mysql5.7.17
下载mysql 进入官网:https://www.mysql.com/ 单击[Downloads]选项卡 最下面有个[ MySQL Community Edition (GPL)],单击[Commu ...
- java中interface使用
1.在C++中,类可以多重继承,一个类可以有好几个父类,但是在java中,类是不允许多重继承的,为了多重继承,java中出现了接口(interface)的定义.接口是可以多重继承的,接口的关键词是:i ...
- zrender源码分析3--初始化Painter绘图模块
接上次分析到初始化ZRender的源码,这次关注绘图模块Painter的初始化 入口1:new Painter(dom, this.storage); // zrender.js /** * ZRen ...
- webapi 跨域访问设置基于jsonp跨域
JSONP实现跨域 Web API并没有提供JSONP Formatter,但是这并不能影响我们前进的脚步,我们可以自定义Formatter来实现JSONP功能.既然是利用JSONP跨域,那么就得简 ...
- Assigning retained object to weak property object will be released after assignment
在ARC中,如果添加了weak的属性.初始化了相关的object然后给这个属性赋值的时候就会看到Xcode给出这个提示. 这个时候可以这么处理:在别的地方已经retain这个object的引用. @p ...
- Unity NetWork
using UnityEngine; using System.Collections; public class NetworkTest : MonoBehaviour { ;//端口号 strin ...
- Materialize——扁平化卡片式网页模板
Materialize 官网:http://www.materialscss.com/ 下载 http://pan.baidu.com/s/1kUUX2Vt CSS 颜色 背景色 <div cl ...