Javascript基础

1 聊聊Javascript

1.1 Javascript的历史来源

94年网景公司   研发出世界上第一款浏览器。

95年 sun公司   java语言诞生

网景公司和sun合作。

Java+script   ===> javascript

1.2 W3c规范

☞结构标准        html

☞表现标准   css

☞行为标准      js

1.3 JavaScript和ECMAScript的关系

ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association,制定的标准。

JavaScript是由公司开发而成的,公司开发而成的一定是有一些问题,不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织,牵头制定JavaScript的标准,取名为ECMAScript。

简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。就是说,你JavaScript学完了,Flash中的程序也会写了。

ECMAScript在2015年6月,发布了ECMAScript 6版本,语言的能力更强。但是,浏览器的厂商不能那么快的去追上这个标准。这些新的特性,我们就业班的深入,也会给大家介绍。

1.4 今天的JavaScript:承担更多责任

2003年之前,JavaScript被认为“牛皮鲜”,用来制作页面上的广告,弹窗、漂浮的广告。什么东西让人烦,什么东西就是JavaScript开发的。所以浏览器就推出了屏蔽广告功能。

2004年JavaScript命运开始改变了,那一年谷歌公司,开始带头使用Ajax技术了,Ajax技术就是JavaScript的一个应用。并且,那时候人们逐渐开始提升用户体验了。

2010年的时候,人们更加了解HTML5技术了,HTML5推出了一个东西叫做Canvas(画布),工程师可以在Canvas上进行游戏制作,利用的就是JavaScript

2011年,Node.js诞生,使JavaScript能够开发服务器程序了。

1.1.1 JS介绍

  1. 94年网景公司,研发第一款浏览器
  2. 95年sun公司,java语言诞生
  3. 网景公司和sun公司合作 Java + Script=JavaScript
  4. 布兰登艾奇10天设计了JavaScript

a) 借鉴C的基本语法

b) Java的数据类型和内存管理

c) 借鉴Schrome语言

  1. W3c规范

a) 结构标准:html

b) 表现标准:css

c) 行为标准:js

  1. EcmaScript:javascript标准
  2. ES6:2015年
  3. Ajax:异步交互技术

a) 表单验证

  1. Node.js:是js可以开发服务器程序

2 Js介绍

◆js是一款运行在客户端的网页编程语言。

◆组成部分

★ecmascript   js标准

★dom        通过js操作网页元素

★bom        通过api操作浏览器

◆特点

★简单易用

★解释执行

编译执行  java  c#  转化为.dll可执行文件==>电脑读取.dll可执行文件

★基于对象

面向过程

作用

◆表单验证

◆轮播特效

◆开发游戏

3 Js书写位置

◆内嵌式

<style type = "text/javascript" >  </style>

◆外链式

<script src="我是js.js >  </script>

★先创建一个外部JS文件

★通过src将外部js调用。

◆写js代码的时候,分号不能省略。

◆推荐将JS代码写在html结束标签后边

将多个JS文件合成为一个JS文件

4 输出消息的几种方式

alert()  在页面弹出一个对话框,早期JS调试使用。

Confirm()  在页面弹出一个对话框, 常配合if判断使用。

a) 如果用户点击确认;返回值为true

b) 如果用户点击取消;返回值为false

console.log()  将信息输入到控制台,用于js调试。

prompt() 弹出对话框,用于接收用户输入的信息。

a) 如果用户点击确认,那么返回值为输入的值。

b) 如果用户点击取消,那么返回值为 null

document.write()在页面输出消息

document.write不仅能输出信息,还能输出标签。输入HTML标签要加双引号

◆转义字符

\”   转双引

\’转单引

\n转换行

\r 转回车

4.6 Js注释

快捷键  ctrl+/

单行注释   //

多行注释  /*  */

5 变量

会变化的量。

变量是用来存储数据的容器。

◆定义变量

  1. Var a = 10,b = 12;//正确
  2. Var a = 10; //正确

◆给变量赋值

a = 3;

“=”是赋值运算符

  1. 两个等号”==”:判断是否相同
  2. 三个等号“===”:判断是否全等(包括数据类型)

◆定义并赋值

var  a = 3;

5.1 变量的命名规范

◆不能以数字或者纯数字开头来定义变量名。

◆不推荐使用中文来定义变量名。

◆不能使用特殊符号或者特殊符号开头(-除外);

◆不推荐使用关键字和保留字来定义变量名。

★在JS中严格区分大小写的!!!

6 数据类型

6.1 简单数据类型

◆Number   数字类型

包含正数  负数  小数

数字类型的表达方式

★十进制表示法

★十六进制表示法

从0-9,a(A)-f(F)表示数字。以0x开头。

 var n = 0x4321; 

★八进制表示法

0开头,0-7组成。

 var n = 0472 ; 

◆字符串  String

凡是用双引号或者单引号引起的都是字符串。

转义字符:

\”转双引号、\’转单引号、\r回车、\b换行

◆布尔数据类型    Boolean

只有2个值一个是true, 一个是false.   实际运算中true=1,false=0

var n1 = 2 ;

var n2 = 3;

alert( n1 > n2 );  // flase 错误的 0

alert(n1 < n2 ); //ture 正确的 1

◆undefined    变量未初始化

定义了变量,没有给变量赋值,变量是存在的

var n ;

alert ( n );

◆null  变量未引用  值为空   object

var n2 = null ;内存中是找不到的

6.2 复杂数据类型

★ object  对象

★ array  数组

7 判断数据类型

typeof()

可使用alert( typeof ( n ) ) ;来输出

8 比较运算符

<  >   <=  >=   ==  !=

结果只有ture  和 false

9 算术运算符

运算符

结果

+

如果是数字类型的变量相加,那么结果为数字类型

如果是非数字类型的变量相加,结果为字符串类型

-

如果是非数字类型的变量相减结果为  NaN

*

同上

/

同上 ,如果0作为除数,结果为infinity(无穷大)

%

获取余数

()

优先级  有括号先计算括号里面的值

◆+ 加号

★两个数字类型的变量相加,得到的是一个数字类型。

★一个数字类型和一个字符串相加,得到的是一个字符串。

◆— 减号

★两个数字类型的变量相减,得到的是一个数字类型。

★一个数字类型和一个数字字符串相减,得到的是一个数字类型。

★一个数字类型和一个非数字字符串相减,得到的是NaN,是一个数字类型。

NaN,    not a number

◆/ 除号

★两个数字类型的变量相除,得到的是一个数字类型。

★一个数字类型和一个数字字符串相除,得到的是一个数字类型。

★一个数字类型和一个非数字字符串相除,得到的是NaN,是一个数字类型。

★0做为除数的时候,得到结果 Infinity (无限大),是一个数字类型。

◆%  取余数

◆优先级  有()先计算()里边的

10 带操作的赋值运算

var  n1 = 2;

var n2 = 3;

n1+=n2; // n1=n1+n2 ;

运算符 示例    等价于
+= a+=b a=a+b
-= a-=b a=a-b
*= a*=b a=a*b
/= a/=b a=a/b

初识 Javascript.01 -- Javascript基础|输出方式、变量、变量命名规范、数据类型、的更多相关文章

  1. 01 JavaScript变量的声明、变量的使用、变量的命名规范和规则

    变量的声明,关键字:var //声明一个变量 var name; //给变量赋值 name = '哈士奇'; //声明并赋值一个变量 var name = '哈士奇'; 变量的使用 //声明并赋值一个 ...

  2. day03变量的命名规范,常量,输出:自带换行,输入,注释,数据类型,运算符,常用字符大小关系

    复习 ''' 1.语言的分类 -- 机器语言:直接编写0,1指令,直接能被硬件执行 -- 汇编语言:编写助记符(与指令的对应关系),找到对应的指令直接交给硬件执行 -- 高级语言:编写人能识别的字符, ...

  3. Java基础系列(11)- 变量、常量、作用域以及变量的命名规范

    变量 变量是什么:就是可以变化的量 Java是一种强类型语言,每个变量都必须声明其类型 Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域 type varName [=valu ...

  4. 【学习笔记】Shell-1 变量:命名规范、变量赋值/取值/取消、局部变量/全局变量、预设环境变量

    1.Shell变量 从变量的实质上来说,变量名是指向一片用于存储数据的内存空间. Shell变量是一种弱类型的变量,即声明变量时不需要指定其变量类型,也不需求遵循“先声明再使用”的规定,想用即可用. ...

  5. 04 变量 变量作用域 常量final 变量的命名规范

    变量 变量是什么:就是可以变化的量! Java是一种强类型语言,每个变量都必须声明其类型. Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域. 注意事项: 每个变量都有类型,类 ...

  6. 变量、变量作用域、常量final、变量的命名规范

    变量 变量是什么:就是可以变化的量! Java是一种强类型语言,每个变量都必须声明其类型. Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域. 注意事项: 每个变量都有类型,类 ...

  7. python 中变量的命名规范

    出自:http://www.diybl.com/course/3_program/python/20111130/563643.html 模块名: 小写字母,单词之间用_分割 ad_stats.py ...

  8. JS中变量的命名规范

    命名规范 包含数字.字母.下划线和$,但 不能以数字开头 变量名严格区分大小写 变量名不能是关键字和保留字 变量名要见名知意 如果变量名有多个单词组成,推荐使用 小驼峰命名法 命名时,尽量使用英语,如 ...

  9. java分享第二天(变量及命名规范)

    1 JAVA是一种强类型语言,每个变量都必须声明其类型 2 Java变量是程序中最基本的存储单元,其主要包括变量名,变量类型和作用域 3 声明变量可以一行声明多个 4局部变量:方法或语句块内部定义的变 ...

随机推荐

  1. ASP.NET Core MVC 中设置全局异常处理方式

    在asp.net core mvc中,如果有未处理的异常发生后,会返回http500错误,对于最终用户来说,显然不是特别友好.那如何对于这些未处理的异常显示统一的错误提示页面呢? 在asp.net c ...

  2. Redis 学习之持久化机制、发布订阅、虚拟内存

    一.持久化机制 Redis是一个支持持久化的内存数据库,redis会经常将内存中的数据同步到硬盘上来保证数据持久化,从而避免服务器宕机数据丢失问题,或者减少服务器内存消耗提高性能. 持久化方式: 1. ...

  3. jenkins coding.net webhook plugin

    开源地址: https://github.com/yuzd/coding.net =========================================================== ...

  4. 2017年2月16日-----------乱码新手自学.net 之MVC模型

    第二篇博文,最近学习的内容还是回到了正题:ASP.NET MVC5之上.虽然EF学了个一知半解,但是用这点知识,看MVC5的MODEL部分应该还是够了.尽管周末还要恶补一下EF才行. (一)MVC简述 ...

  5. Spark SQL 用户自定义函数UDF、用户自定义聚合函数UDAF 教程(Java踩坑教学版)

    在Spark中,也支持Hive中的自定义函数.自定义函数大致可以分为三种: UDF(User-Defined-Function),即最基本的自定义函数,类似to_char,to_date等 UDAF( ...

  6. [转]支持向量机SVM总结

    首先,对于支持向量机(SVM)的简单总结: 1. Maximum Margin Classifier 2. Lagrange Duality 3. Support Vector 4. Kernel 5 ...

  7. Angular.js之指令学习笔记

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"& ...

  8. arguments及arguments.callee

    首先有一个JavaScript函数 function test(a, b, c, d) { return a + b; } 在JavaScript中调用一个函数的实参个数可以和被调用函数的形参个数不匹 ...

  9. mvc关于三级联动修改时数据回显

    在网上找了好久,都没有找到自己想要的那种效果,最后还是自己写出来了, 虽然方法有点笨. 这是Controller里 public ActionResult Edit(string id) { //查询 ...

  10. MyBatis 源码分析——类型处理器

    官网上面讲到:无论是 MyBatis 在预处理语句(PreparedStatement)中设置一个参数时,还是从结果集中取出一个值时, 都会用类型处理器将获取的值以合适的方式转换成 Java 类型.那 ...