Web05--JavaScript基础1

1、JavaScript概述

1.1 JavaScript简介

一门客户端脚本语言,运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎,不需要编译,直接就可以被浏览器解析执行了

1.2 JavaScript的发展史

  • 起源:上世纪末1995年时,Netscape(网景)公司推出Navigator浏览器。发布后用的人不多,这咋整啊?这家公司就想了一个好方案,不仅在浏览器实现静态HTML,还想要有动态效果,比如:在前端处理表单验证。
  • 动手:有目标就去做,网景公司大牛多,Brendan Eich(布兰登·艾奇)据说就用了10天就把JavaScript搞了出来,刚出来时叫LiveScript,为了蹭蹭当红明星Java热度,就改成JavaScript了(瞬间就火了),事实上他们两没啥关系。
  • 竞争:看到网景公司有了js,微软感觉不行啊,我的IE要被干掉啊,同时也感到js的前途无量,于是参考JavaScript弄了个名为JScript浏览器脚本语言。
  • 标准: Netscape和微软竞争出现的js导致版本的不一致,随着业界的担心,JavaScript的标准化被提上议事日程。ECMA(欧洲计算机制造商协会)组织就去干这事,最后在1997年弄出了ECMAScript作为标准。这里ECMAscript和JavaScript可以看做表达的同一个东西。

1.3 JavaScript的功能

可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。

1.4 JavaScript特点

  • js源码不需要编译,浏览器可以直接解释运行
  • js是弱类型语言,js变量声明不需要指明类型

1.5 JavaScript组成

组成部分

作用

ECMA Script

构成了JS核心的语法基础

BOM

Browser Object Model 浏览器对象模型,用来操作浏览器上的对象

DOM

Document Object Model 文档对象模型,用来操作网页中的元素(标签)

2、JavaScript基础语法

2.1 JS引入方式

2.1.1 内部引入

定义script标签,标签体内容就是js代码



	
		
		JS引入方式
		
	
	
		hello world
	

注意事项

hello world

注意:

  1. script标签不能自闭合
  2. 如果script标签使用src属性,那么浏览器将不会解析此标签体的js代码

2.2 JS三种输出方式



	
		
		JS输出方式
	
	
		
		
		
	

2.3 JS注释



	
		
		JS输出方式
	
	
		
		
		
	

2.4 JS变量声明

java是强类型语言,注重变量的定义,所以在定义变量时都需要指定数据类型。

js是弱类型语言,不注重变量的定义,所以在定义变量时不需要指定数据类型。



	
		
		变量和常量
	
	
		
	

2.5 JS数据类型

js与java一样,数据类型分为基本数据类型(原始数据类型) 和 引用数据类型

属性

描述

number

数字类型,不区别整数和小数

string

字符串类型,不区别单双串

boolean

true/false

object

对象(function、null)

undefined

未定义

类型判断

typeof 判断数据类型

语法: typeof 变量



	
		
		数据类型
	
	
		
		
		
	

Web05--JavaScript基础1_第1张图片

2.6 字符串与数字转换



	
		
		类型转换
	
	
		
	

2.7 JS运算符

JavaScript中的运算符和大多数编程语言中的运算符都接近,只有个别运算符因其灵活性而带来了些许不同

运算符

说明

算数运算符

+、 - 、*、 / 、% 、 ++ 、 --

赋值运算符

= 、+= 、-= 、 *= 、 /= 、 %=

比较运算符

> 、 >= 、 < 、 <= 、 == 、 ===(全等于,仅js) 、 !=

逻辑运算符

&& 、 || 、 !、&、|

三元运算符

关系表达式 ? 值1 : 值2;

2.7.1 算数运算符

在js中数值可与字符串进行数学运算,底层实现隐式转换。



	
		
		算术运算符
	
	
		
	

Web05--JavaScript基础1_第2张图片

2.7.2 比较运算符



	
		
		比较运算符
	
	
		
	

2.7.3 逻辑运算符



	
		
		逻辑运算符
	
	
		
		
	

Web05--JavaScript基础1_第3张图片

2.7.4 三元运算符



	
		
		三元运算符
	
	
		
		
	

你可能感兴趣的:(Web,javascript,前端)