#8.31课堂总结#JS基础
一、Javascript能做些什么？
- 表单数据合法性验证
- 网页特效：使用DOM和CSS可以实现网页特效
- 交互式菜单：创作具有动态效果的交互式菜单，完全能够与flash制作的导航菜单相媲美
- 动态页面：使用JavaScript可以对WEB页面的全部元素进行访问或者修改其属性，实现动态的效果，如网页版的扑克游戏等。
- 数值计算：丰富的数据操作方式，让JavaScript也具有了可以开发网页版计算器的功能。
- 游戏开发：随着Unity3d、cocos2d-js、Html5的兴起，用JS写游戏的人越来越多了（当然JavaScript简单也是其重要因素）
二、什么是JavaScript？
JavaScript是一种动态类型、弱类型、基于原型的客户端脚本语言。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，在HTML网页上使用，用来给HTML网页增加动态功能。
JavaScript由三部分组成
ECMAScript（核心）
作为核心，它规定了语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象
DOM（文档对象模型）
dom把整个页面映射为一个多层节点树，开发人员可借助dom提供的api，轻松地删除、添加、替换或修改任何节点
BOM（浏览器对象模型）
支持可以访问和操作浏览器窗口的浏览器对象模型，开发人员可以控制浏览器显示的页面以外的部分
三、怎么讲Javascript应用到网页中？
a、在html文件中直接进行代码的书写
<body>
<script>
alert('hello world_body内引入')
</script>
</body>
b、外部引入
把<script>元素放在页面的<head>元素中
<head> <meta charset="UTF-8"> <title>引入方式</title> <script src="my.js"></script> </head>
c、直接写在标签内
<h2 onclick="test()">点点我</h2>
<h2 onclick="alert('别摸我2')">点我试试看</h2>
<script>
function test(){
alert('别摸我1');}
</script>
四、JavaScript语法
1、区分大小写：
JS中的一切(变量、函数名、操作符)都区分大小写
2、标识符:指变量、函数、属性的名字，或者函数的参数
标识符命名规范：
第一个字符必须是字母、下划线（_）或美元符号（$）;
其他字符可以是字母、下划线、美元符号或数字；
不能含有空格
不能以关键字或保留字命名
3、关键字
可用于表示控制语句的开始或结束，或用于执行特定操作等。按照规则，关键字也是语言保留的，不能用作标识符！
4、保留字（有可能在将来被用作关键字来使用）不能用作标识符！
5、变量
JS的变量是松散类型的，可以用来保存任何类型的数据。
在JS中，只有一种声明变量的操作符var，它可以声明各种类型的数据
五、变量数据类型
1、typeof 运算符
语法：typeof(x) 或 typeof x
使用typeof操作符可能返回下列某个字符串：
undefined---值为定义
boolean---值是布尔值
string---值是字符串
number---值是数值
object---值是对象或null
function---值是函数
函数在js中是对象，不是一种数据类型，但函数有一些特殊属性，通过typeof操作符来区分函数和其他对象
2、 undefined类型
undefined类型只有一个特殊值为undefined
声明变量未初始化（赋值）时，这个变量的值就是undefined
示例1：
var a;
alert(a); //undefined alert(b); //报错
这个结果有其逻辑上的合理性，无论对哪个变量都不能执行真正的操作
3、null类型
null类型只有一个特殊值为null
从逻辑角度来看，null表示空对象指针，所以typeof检测时返回object。如果变量准备在将来用于保存对象，那么该变量最好初始化为null。
alert(null == undefined);
实际上，undefined派生自null值的，ECMAScript规定它们的相等性要返回true，但两者的用途完全不同。
4、boolean类型
boolean类型有两个字面值：true 和 false
在js中所有类型值都有与这两个布尔值等价的值
1.特殊值undefined和null -- false
2.数字0和NaN -- false
3.空字符串 -- false
4.所有其他值 -- true
5、 number类型
number类型表示整型和浮点型，基本的数值字面量格式都是十进制。
此外，整数的字面量还可以是八进制和十六进制。
var num1=15; //整数
var num2=1.5; //浮点数
var num3=15.0; //解析为整数15
var num4=070; //八进制56
var num5=0x1f; //十六进制3
NaN即非数值，是number类型中的一个特殊值
NaN用于表示本来要返回一个数值的操作数，结果未返回数值的情况（这样不会报错）。
NaN有两个特点：
1.任何涉及NAN的操作都会返回NaN
2.NaN与任何值都不相等，包括它本身
示例：var a=0/0; var b=parseInt('x123');
6、string类型
string类型用于表示由零个或多个16位unicode字符组成的字符序列，即字符串，由双引号或单引号表示。
示例：
var str1=‘123’;
var str3=‘你好’;
var str4=‘ ’;//空字符串
7、object类型
JavaScript中对象其实就是一组数据和功能的集合。
示例：
var obj1=[1,2,3];//数组
var obj2={name:'laowang'};//对象
1 <script>
2 var a=3;//数值型number
3 var b=null;//object（空对象）
4 var c='hello';//string
5 var d=true;//boolean
6 var e;//undefined（只声明未初始化）
7 var f='';//string
8 var g=function(){};//function（函数）
9 console.log(typeof a);
10 console.log(typeof b);
11 console.log(typeof c);
12 console.log(typeof d);
13 console.log(typeof e);
14 console.log(typeof f);
15 console.log(typeof g);
16 </script>
六、操作符
1、逻辑操作符
逻辑非（！）
逻辑与（&&）
逻辑或（||）
2、算数操作符
+ - * / %(求余) ++ --
3、关系操作符
等于（==）的情况下 只要值相同就返回 true
全等（===）的时候需要值和类型都要匹配才能返回 true
关系操作符返回的是布尔值（true 或 false）
4、条件操作符
5、赋值操作符
6、操作符优先级
逻辑非——算术操作符——关系操作符——逻辑与 逻辑或——条件操作符——赋值操作符
#8.31课堂总结#JS基础的更多相关文章
- #9.1课堂总结#JS基础(二)
在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只 ...
- js基础到精通全面教程--JS教程
适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...
- JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前 言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
- JS基础 复习： Javascript的书写位置
爱创课堂JS基础 复习: Javascript的书写位置复习 js书写位置:body标签的最底部.实际工作中使用书写在head标签内一对script标签里.alert()弹出框.console.log ...
- js基础——运算符
爱创课堂前端培训--js基础 运算符一.运算符 运算符(Operators,也翻译为操作符),是发起运算的最简单形式.分类:(运算符的分类仁者见智,本课程进行一下分类.)数学运算符(Arithmeti ...
- 前端面试题目汇总摘录（JS 基础篇）
JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...
- NodeJs>------->>第三章：Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- 原生JS 基础总结
0. 好习惯 分号 ; 花括号 {}, var 弄清楚 null , undefined 区别 , isNaN, === 与 == 区别 1. prompt , confirm , alert 不同框 ...
- 进击Node.js基础（二）
一.一个牛逼闪闪的知识点Promise npm install bluebird 二.Promise实例 ball.html <!doctype> <!DOCTYPE html> ...
随机推荐
- 深入理解this机制系列第一篇——this的4种绑定规则
× 目录 [1]默认绑定 [2]隐式绑定 [3]隐式丢失[4]显式绑定[5]new绑定[6]严格模式 前面的话 如果要问javascript中哪两个知识点容易混淆,作用域查询和this机制绝对名列前茅 ...
- 浏览器内核、渲染引擎、js引擎
[1]定义 浏览器内核分成两部分渲染引擎和js引擎,由于js引擎越来越独立,内核就倾向于只指渲染引擎 渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具 [2]常见引擎 渲染引擎: fire ...
- Objective-C中的集合类
下面详细的介绍Objective-C中的集合类以及每个集合类的用法,学过其他面向对象编程语言的小伙伴们看到OC的集合类会有种莫名的亲切感,理解起来问题不大,可以类比Java中的集合类去学习. 在Obj ...
- LTP随笔——本地调用ltp之ltp4j
关于ltp本地调用的相关参考请见LTP的Git项目:https://github.com/HIT-SCIR 以下以/home/lion/Desktop路径为例下面教程中出现的具体路径以你实际配置的为准 ...
- 【记录】JS 获取图片原始尺寸－防止图片溢出
示例代码: <div id="div_content"> <img src="http://static.cnblogs.com/images/logo ...
- 构建自己的PHP框架--构建缓存组件(1)
作为一个框架,我们还没有相应的缓存组件,下面我们就来构建我们的缓存组件. 先来定义一下接口,在 src 文件夹下创建 cache 文件夹,在cache文件夹下创建 CacheInterface.php ...
- 相克军_Oracle体系_随堂笔记012-undo
undo表空间中undo段是自动生成的,oracle自动使用undo表空间的undo段. 作为高级DBA,需要了解Oracle是如何使用undo段的.这样出了性能问题才能够解决. 1.Undo表空 ...
- Oracle 11gR2 RAC修改监听默认端口
一.修改SCAN listener port 1.1 修改SCAN listener port 1.2 重启SCAN listener生效新端口 1.3 确认更改 二.修改Listener Ports ...
- 浅谈2D游戏设计模式2- WZ文件详解（UI.WZ）之MapLogin.img(1)
玩过冒险岛的人都知道有一个WZ文件,那么这个WZ文件的内部是怎么样的呢,今天我就带大家一探究竟. 说实在的,我这是第一次接触WZ文件,但是却让我很震撼,为什么很震撼,因为这个居然是用VS2010写的! ...
- Java中写文件操作
OutputStream 和 Writer OutputStream类(直接操作byte数组) 该类是字节输出流的抽象类,定义了输出流的各种操作方法.如下图是OutputStream的层次结构: By ...