一、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基础的更多相关文章

  1. #9.1课堂总结#JS基础(二)

    在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只 ...

  2. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  3. JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

       前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...

  4. JS基础 复习： Javascript的书写位置

    爱创课堂JS基础 复习: Javascript的书写位置复习 js书写位置:body标签的最底部.实际工作中使用书写在head标签内一对script标签里.alert()弹出框.console.log ...

  5. js基础——运算符

    爱创课堂前端培训--js基础 运算符一.运算符 运算符(Operators,也翻译为操作符),是发起运算的最简单形式.分类:(运算符的分类仁者见智,本课程进行一下分类.)数学运算符(Arithmeti ...

  6. 前端面试题目汇总摘录（JS 基础篇）

    JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...

  7. NodeJs>------->>第三章：Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  8. 原生JS 基础总结

    0. 好习惯 分号 ; 花括号 {}, var 弄清楚 null , undefined 区别 , isNaN, === 与 == 区别 1. prompt , confirm , alert 不同框 ...

  9. 进击Node.js基础（二）

    一.一个牛逼闪闪的知识点Promise npm install bluebird 二.Promise实例 ball.html <!doctype> <!DOCTYPE html> ...

随机推荐

  1. 利用pixi.js制作精灵动画

    CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生.国内开发者昵称为CSS精灵,通过一定的技术手段,让精灵动起来,我称其为精灵动画,那么目前有哪些实现方式 呢?下面让我们详细的聊聊 ...

  2. 基于DDD + SD.Framework实现的统一身份认证系统

    项目地址 http://git.oschina.net/lishilei0523/ShSoft.UAC 项目说明 本项目开发的目的有三: 1.作为一个使用SD.Framework框架开发的项目样板 2 ...

  3. 浅谈2D游戏设计模式--游戏剧情设计（1）

    博主不才,人生有2大爱好,写程序和玩游戏,本人玩的又是一款2D的在旁人看来弱智的网络游戏. 这款游戏在中国的名称叫做冒险岛,不知道园子里有没有人玩过. 我打算有空的话,就把我玩游戏中的心得和程序结合起 ...

  4. 基于Angularjs实现分页

    前言 学习任何一门语言前肯定是有业务需求来驱动你去学习它,当然ng也不例外,在学习ng前我第一个想做的demo就是基于ng实现分页,除去基本的计算思路外就是使用指令封装成一个插件,在需要分页的列表页面 ...

  5. APP接口自动化测试JAVA+TestNG(二)之TestNG简介与基础实例

    前言 继上篇环境篇后,本篇主要对TestNG进行介绍,给出最最基础的两个实例,通过本文后,学会并掌握TestNG测试用例的编写与运行,以及生成美化后的报告.下一篇为HTTP接口实战(国家气象局接口自动 ...

  6. RDD、DataFrame和DataSet的区别

    原文链接:http://www.jianshu.com/p/c0181667daa0 RDD.DataFrame和DataSet是容易产生混淆的概念,必须对其相互之间对比,才可以知道其中异同. RDD ...

  7. Hive UDF初探

    1. 引言 在前一篇中,解决了Hive表中复杂数据结构平铺化以导入Kylin的问题,但是平铺之后计算广告日志的曝光PV是翻倍的,因为一个用户对应于多个标签.所以,为了计算曝光PV,我们得另外创建视图. ...

  8. Linux上的SQL Server的起步

    我们知道,几个星期前,微软发布了在Linux上直接运行的SQL Server第一个公开CTP版本!因此,对我来说,是时候跨界在Linux上安装我的第一个SQL安装,这样的话,我就可以在Linux上折腾 ...

  9. JAVAWEB项目实现验证码中文、英文、数字组合

    验证码基础 一.什么是验证码及它的作用 :验证码为全自动区分计算机和人类的图灵测试的缩写,是一种区分用户是计算机的公共全自动程序,这个问题可以由计算机生成并评判,但是必须只有人类才能解答.可以防止恶意 ...

  10. Jquery.Qrcode在客户端动态生成二维码并添加自定义Logo

    0 Jquery.Qrcode简介 Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件,支持Canvas和Table两种渲染方式,它的优点是在客户端动态生成,减轻了服 ...