JavaScript基础

本文主要是介绍JavaScript基础，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

JavaScript  简称js

JavaScript是一种基于对象和事件驱动的客户端脚本语言。
JavaScript组成部分：
　　1.ECMAscript 语法
　　2.DOM（document object model） 文档对象模型（js处理html和css）
　　3.BOM（browser object model） 浏览器对象模型（js与浏览器窗口之间的交互）
JavaScript特点：
　　1.直译式脚本语言
　　2.动态
　　3.弱类型
　　4.基于原型
　　5.内置支持类型
JavaScript输出方式：
　　1.弹窗
　　　　alert();　　数字直接写，字母或者汉字必须带引号 　　alert(数字); 　　alert("字母或汉字"); 
　　　　confirm(); 　　带确定和取消弹窗 　　confirm(数字); 　　confirm("字母或汉字"); 
　　　　prompt(); 　　带输入框的弹窗 　　prompt(数字); 　　prompt("字母或汉字"); 
　　2.输出
　　　　document.write(); 文档页面输出
　　　　console.log(); 控制台输出
JavaScript引入方式：
　　1.内部嵌入 在页面当中<script></script>
　　2.外部嵌入 <script type="text/javascript" src="js/one.js"></script>

js数据类型分基本数据类型和引用数据类型：(js里边的符号必须是英文符号，严格区分字母大小写)
　　js基本数据类型：number，string，boolean，null，undefined
　　1.字符串string（带""引号都叫字符串， ""(空串)," "(空字符串),"123"(字符串)）
　　2.数字number（123，0，-1，0.3，NaN）
　　　　NaN(not a number)不是一个具体数值 NaN与NaN不相等
　　　　判断是不是NaN的方法：isNaN();
　　3.布尔值boolean
　　　　true真，false假
　　4.空null
　　5.未定义undefined（变量声明未赋值）
变量就是可变的量
　　变量占据一段内存，变量名字可以调用内存中的信息
　　声明变量 var
变量命名注意

　　1.变量名称可以任意命名，字母或者下划线开始(_)

　　2.必须是英文字母，数字，下划线组成
　　3.不能使用js关键字，保留字。js常见类型都不可以。不能使用JavaScript语言内部的单词，比如infinity，NaN，undefined，true，false，null等

运算符
1.算数运算符（先乘除后加减，乘除取余是平级，先遇见谁，就算谁）
　　+加 与字符串+就是连接作用，其他类型被隐式类型类型转换为string
　　-减 转为number进行算数运算
　　*乘 转为number进行算数运算
　　/除 转为number进行算数运算
　　　　除数为0结果为infinity(无穷)
　　　　被除数/除数
　　　　　　被除数不为0，除数为0结果是infinity
　　　　　　被除数为0，除数不为0结果是0
　　　　　　被除数为0，除数为0结果是NaN
　　　　　　除数或被除数为NaN,结果为NaN
　　%取余，取模
　　　　任何数 % 转化结果为0的数都是NaN
2.比较运算符
　　> 大于
　　< 小于
　　>= 小于等于
　　<= 大于等于
　　== 等等(判断值是否相等)
　　　　null==undefined true
　　　　　　null是空，没有具体值, undefined未定义值，没有具体值
　　=== 全等(判断值和类型是否相等)
　　　　""===" " false
　　　　null===undefined false
　　　　　　null和undefined的类型不同
　　!= 不等
　　!== 不全等
3.赋值运算符
　　++ 自增
　　　　a++和++a的区别
　　　　　　a++是运算后加1 ++a先加1后运算
　　-- 自减

　　　　a--和--同理a++和++a
　　+= a+=b a=a+b
　　-= a-=b a=a-b
　　*= a*=b a=a*b
　　/= a/=b a=a/b
　　%= a%=b a=a%b
4.逻辑运算符
　　&&　　与 　　 全真则真，一假则假
　　||　　或 　　 全假则假，一真则真
　　! 　　非 　　 取反（跟条件对着干）
短路运算
　　&&与：多个条件同时成立
　　　　如果左边为true，返回右边
　　　　如果左边为false，返回左边
　　||或：任意条件成立
　　　　如果左边为true，返回左边
　　　　如果左边为false，返回右边

类型转换分强制类型转换和隐式转换
判断数据类型：typeof
typeof null=object（特殊）
一.强制转换：
　　Number()　　

　　　　转换为number结果为0都有：0，false，"",null," ","0"
　　　　转换为number结果为0都有：0，false，"",null," ","0"

　　　　强制转换为数字
　　　　string转number
　　　　　　""转换结果=0 　　　　　　　　 console.log(Number(""));
　　　　　　" " 转换结果=0 　　　　　　 　　console.log(Number(" "));
　　　　　　"汉字"转换结果=NaN 　　　　　 console.log(Number("汉字"));
　　　　　　"123"转换结果=123 　　　　　　 console.log(Number("123"));
　　　　boolean转number
　　　　　　true转换结果=1 　　　　　　 　　 console.log(Number("true"));
　　　　　　false转换结果=0 　　　　　　 　　 console.log(Number("false"));
　　　　null转number
　　　　　　null转换结果=0 　　　　　　 　　 console.log(Number("null"));
　　　　undefined转number
　　　　　　undefined转换结果=NaN 　　　　console.log(Number("undefined"));
　　　　String()
　　　　强制转换为字符串

　　　　Boolean()

　　　　　　转换为false都有：null，undefined，"",0,NaN
　　　　　　强制转换为布尔值
　　　　　　string转boolean
　　　　　　　　""转换结果=false console.log(Boolean(""));
　　　　　　　　" " 转换结果=true console.log(Boolean(" "));
　　　　　　　　"汉字"转换结果=true console.log(Boolean("汉字"));
　　　　　　　　"123"转换结果=true console.log(Boolean("123"));
　　　　　　number转boolean
　　　　　　　　0转换结果=false console.log(Boolean("0"));
　　　　　　　　123转换结果=true console.log(Boolean("123"));
　　　　　　　　NaN转换结果=false console.log(Boolean("NaN"));
　　　　　　　　-1转换结果=true console.log(Boolean("-1"));
　　　　　　　　0.3转换结果=true console.log(Boolean("0.3"));
　　　　　　null转boolean
　　　　　　　　null转换结果=false console.log(Boolean("null"));
　　　　　　undefined转boolean
　　　　　　　　undefined转换结果=false console.log(Boolean("undefined"));
二.隐式类型转换

　　算术运算符:+ - * / %
　　比较运算符:== === != !== > < >= <=
　　隐式类型转换：算术运算符转换都是隐式类型转换
js引用数据类型：object对象，array数组，function函数

Js规范
　　1.js严格区分大小写
　　2.每一句结束加分号;
　　3.空格换行忽略不计，是调整格式。
标识符：在js中可以由我们自己命名的变量名、函数名、属性名。
　　命名规则：
　　　　1.标识符必须包含字母、数字、下划线(_)、$
　　　　2.不能以数字开头
　　　　　　ECMAscript es5 es6
　　　　3.标识符不能是ES中的关键字和保留字
　　　　4.标识符采用驼峰命名
　　　　　　首字母小写，每个单词首字母大写
字面量：给变量的值
表达式：讲同类型的数据用运算符号按一定的规则连接起来的。有意义的式子称为表达式;
　　一元运算符：一个变量的表达式
　　二元运算符：两个变量运算符链接的式子
　　三元运算符：条件？结果1：结果2；
　　　　var a =1;
　　　　(a>1)?console.log(true):console.log(false);
运算符的优先级

这篇关于JavaScript基础的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！