前端随心记---------Javascript系列（第一节）
JavaScript基本介绍及发展趋势
JavaScript 简述： Javascript是一种基于对象的.事件驱动的.跨平台的.客户端脚本语言
JavaScirpt 作用： 对页面进行渲染，让页面有行为，让页面动起来，与后台进行交互。
JavaScript 简史： 1995年由网景公司 Netscape 开发出来的，最初取名为liveScript，为了快速发展，借用了当时一个业界流行的词语java，于是更名为javascript。
javascript组成部分
ECMAScript:定义语法规则
DOM(document.object.model) 封装一些对象
BOM(browser object model) 封装了一些属性和方法
注意:javascript和后台java无任何关系!
js的引入:
两种方法:
内联:可以在html标签内的任何位子
外部:<script src=""></script>
注释使用:
单行注释//
多行注释 / * * /
js的输出
1.document.write(); 用于代码测试,点的前面都是一个对象.
2.window.alert(); 与alert()相同,在页面弹出框,内容显示在弹出框中,阻止后面带码的执行
3.console.log();
变量的概念基本运算
1.变量:在程序运行的过程中有可能发生改变的量
2.变量的声明: (声明变量可省略var)
方式一:
var a=2;
var b=2;
var c=2;
方式二:
var a=2,b=3,c=4; 使用逗号隔开
方式三:
var a=b=c=3; 声明变量abc,并赋值为3;b变量没有使用var声明.
方式四:
var a=1
var b=1
var c=1
可以没有分号,但不介意这样写,项目上线,代码压缩的过程,会把代码压缩成一行,导致报错
易错点整理
var a; 声明变量,但没有赋值.是一个undefined;
alert(a); undefined变量未定义;
var a=6;
var a=8;
alert(a); 弹窗为8;因为后面的a会把前面的a变量覆盖,在程序运行中可能会发生改变.
变量与变量的计算:
var a=9;
var b="3"; 带双引号的一些值叫字符串
alert(a+b); 93;在加号两边如果有一边是字符串,计算结果是一个连接后的值
js的解析过程是从上往下 从左到右逐行执行.
变量的命名规则
变量名开头:字母. $ ._ 三种字符开头
其他字符:字母 $ _ 数字四种字符
关键字不能
保留字不能
命名原则;
驼峰命名法 :
var useName="tom";
匈牙利法:
* 变量的数据类型* js是弱类型语言
**基本数据类型**
number 数字型
undefined
string 字符串型
boolean 布尔型 false/true
null
**引用数据类型**
object
关键字:typeof 检测一个变量是哪一种数据类型
算术运算符
/+-* %(取余求模);
a+=3 理解为 a=a+3
**逻辑运算符**
!非
&&与
||或
*与运算*true&&false ==falsetrue&&true==truefalse&&false==false
false&&true==false
总结:
运算有false 则运算出false
每一个运算仅仅以逻辑运算,具体数值以题目为准
*或运算*
true || true ==true
true || false==true
fslse || false==false
false || true==true
总结
或运算中,有true则运算输出true值
三目运算
表达式(true/false)? 语句1(true时执行) : 语句2(false时执行)
三目运算的嵌套:
表达式1 (true/false) ? 语句1 (true时执行) : (表达式2(true/false) ? 语句2(表达式2true时执行 ) : 语句3(表达式2false时执行)
运算符的优先级
运算符
() >自增自减运算(单目运算) > 算术运算 > 关系运算符 >逻辑运算符 > 三目运算符 > 赋值运算符
手动强制转换类型
Number()
parseInt()
parseFloate()
Boolean()
toString()
**扩展**
假值:
NaN ," ",undefined,null,0;
即 可看做 false运算
confirm(message)
如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false
**afternoon**
1.自增自减运算
++在前,先计算加,在赋值.
++在后,先赋值在计算加;
isNaN的使用
判断值是否是一个非数字.如果是一个非数字返回true.反之false.
prompt ()用户输入;
prompt()在页面有一个弹窗,弹窗里还有一个input框.在input中输入一些内容.点击确定时.程序会把内容返回给js
手动强制类型转换
Numebr()
parseInt()
parsefloat()
