一、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. Selenium WebDriver 3.0 需要注意的事项

    以下所有代码基于Java 首先,要使用WebDriver 3.0 的话 请使用JAVA 8(必要)   其次,由于W3C标准化以及各大浏览器厂商的积极跟进,自WebDriver 3.0 之后,Sele ...

  2. Java环境变量

    很简单的问题!配置Java环境变量 准备 下载安装Java,官方地址 打开系统环境变量,我的电脑右键 JAVA_HOME 添加JAVA_HOME,设置jdk安装目录,比如"C:\Progra ...

  3. SSISDB2：使用TSQL执行Package

    在SSISDB中,能够使用TSQL脚本执行Package:每执行一次Package,SSIS都会创建一个Operation 和一个执行实例(Execution Instance),每个Executio ...

  4. LINQ系列：Linq to Object转换操作符

    转换是指将输入对象的类型转变为序列的动作. 1. AsEnumerable AsEnumerable操作符将查询的输入以IEnumberable(T)类型返回. 2. Cast Cast操作符将IEn ...

  5. Android音频开发之MediaRecorder/MediaPlayer

    前言: 上次我们介绍了实时采集音频数据以及播放,今天我们来认识一下直接录制文件的方式. 直接上代码:录制管理类 public class MediaRecorderManager { public s ...

  6. 关于ThinkPHP在BAE上URL的rewrite问题

    在BAE上若想用ThinkPHP的那一套URL路由方式,必须在BAE上rewrite一下,之前我就直接用了不过是403错误,rewrite方式如下: 把你在BAE上的文件checkout到本地,在根目 ...

  7. PHP数组及简单函数

    PHP函数: 1.简单函数 四要素:返回类型,函数名,参数列表,函数体 function Show() { echo "hello"; } Show(); 运行结果:hellow ...

  8. Javascript常用正则表达式汇总

    一.匹配数字和字符串 整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$". 只能输入n位的数 字:"^\d{n}$&qu ...

  9. 3.Java网络编程之IP

    前面两篇博文我们已经简单了解了IP.端口.协议以及两种参考模型,我们现在重新从程序角度来看下这个参考模型. 如果我们从事的是Web网站开发,那么我们应该知道HTML是一种超文本标记语言 (Hyper ...

  10. 用Groovy构建java脚本

    我是做工作流项目的,工作流中各个模板引擎都需要要执行一个动态业务,这些动态业务有多种实现方式,最常用的就是用户自己写一段脚本文件,然后工作流引擎执行到这里的时候,运行这个脚本文件. 这个运行脚本文件的 ...