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.Windows.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()
前端随心记 ---------JavaScript 系列(第一节)
来源: http://www.bubuko.com/infodetail-3231610.html