Web开发网站-03

最新推荐文章于 2024-06-12 11:13:48 发布

小菜鸟学不会

最新推荐文章于 2024-06-12 11:13:48 发布

阅读量814

点赞数 20

文章标签：前端

本文链接：https://blog.csdn.net/weixin_57100704/article/details/135334598

版权

1 JavaScript

2 JS引入方式

3 JS基础语法

1 JavaScript

什么是JavaScript?

JavaScript(简称:JS）是一门跨平台、面向对象的脚本语言（不需要编译，直接浏览器解释就可以了）。是用来控制网页行为的，它能使网页可交互。
JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。
JavaScript在1995年由Brendan Eich发明，并于1997年称为ECMA标准。
ECMAScript 6（ES6）是最新的JavaScript版本（发布于2015年）。

ECMA:ECMA国际（前身为欧洲计算机制造商协会），制定了标准化的脚本程序设计语言ECMAScript，这种语言得到了广泛应用。而JavaScript是遵守ECMAScript的标准的。

2 JS引入方式

内部脚本：将JS代码定义在html页面中
- JavaScript代码必须位于<script></script>标签之间
- 在html文档中，可以在任意地方，放置任意数量的<script>
- 一般会把脚本至于<body>元素的底部，可改善显示速度

 <script>
     alert("Hello World")
 </script>

外部脚本：将JS代码定义在外部JS文件中，然后使用<script>引入到HTML页面中
- 外部JS文件中，只包含JS代码，不包含<script>标签
- <script>标签不能自闭合

1、demo.js--> alert("Hello World"）；

2、引入js

 <script src="js/demo.js"></script>

3 JS基础语法

书写语法

区分大小写：与java一样，变量名、函数名以及其他一切东西都是区分大小写的
每行结尾的分号可有可无
注释
- 单行注释：//注释内容
- 多行注释：/*注释内容*/
大括号表示代码块

//判断

if(count==3）{

alert(count);

}

输出语句

使用window.alert()写入警告框
使用document.write()写入html输出
使用console.log()写入浏览器控制台

<script>
    /* 方式一：弹出警告框 */
    window.alert("hello");

    /* 方式二：写入html页面中 */
    document.write("hello");

    /* 方式三：控制台输出 */
    console.log("hello");
</script>

变量

JavaScript中用var关键字（variable的缩写）来声明变量。
JavaScript是一门弱类型语言，变量可以存放不同类型的值。
变量名需要遵循如下规则：
- 组成字符可以是任何字母、数字、下划线或美元符号
- 数字不能开头
- 建议使用驼峰命名

var a = 20;

a =“张三”;

特点1：作用域比较大，全局变量

特点2：可以重复定义

注意事项：

ECMAScript 6新增了let关键字来定义变量。它的用法类似于var，但是所声明的变量，只在let关键字所在的代码块内有效，且不允许重复声明。
ECMAScript 6新增了const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。

数据类型

JavaScript中分为：原始类型和引用类型

原始类型

number：数字（整数、小数、NaN(not a number）)
string: 字符串，单双引皆可
boolean:布尔。true，false
null：对象为空
undefined：当声明的变量未初始化时，该变量的默认值是undefined
使用typeof运算符可以获取数据类型

var a = 20；

alert(typeof a);

    //原始数据类型
    alert(typeof 3);//number
    alert(typeof 3.14);//number

    alert(typeof "A");//string
    alert(typeof "Hello");//string

    alert(typeof true);//boolean
    alert(typeof false);//boolean

    alert(typeof null);//object

    var a;
    alert(typeof a);//undefined

运算符

算术运算符：+，-，*，/，%,++,--
复制运算符：=，+=，-=，*=，/=,%=
比较运算符：>,<,>=,<=,!=,==,===
逻辑运算符：&&，||，！
三元运算符：条件表达式？true_value:false_value

==与===

==会进行类型转换，===不会进行类型转换

var a = 10；

alert(a=="10");//true

alert(a==="10");//false

alert(a===10);//true

类型转换

字符串类型转为数字：
将字符串字面值转为数字。如果字面值不是数字，则转为NaN.
其他类型转为boolean：
Number:0和NaN为false，其他均转为true。
String：空字符串为false，其他均转为true。
Null和undefined：均转为false。

流程控制语句

if... else if ...else...
switch
for
while
do...while

小菜鸟学不会

关注

20
点赞
踩
20

收藏

觉得还不错? 一键收藏
1
评论
Web开发网站-03

ECMA:ECMA国际（前身为欧洲计算机制造商协会），制定了标准化的脚本程序设计语言ECMAScript，这种语言得到了广泛应用。而JavaScript是遵守ECMAScript的标准的。JavaScript代码必须位于<script></script>标签之间。在html文档中，可以在任意地方，放置任意数量的<script>内部脚本：将JS代码定义在html页面中。什么是JavaScript?Null和undefined。变量可以存放不同类型的值。
复制链接

扫一扫