JS基础一：简介与基本语法

最新推荐文章于 2024-07-12 16:27:40 发布

v_lixin

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量81

点赞数

分类专栏：知识总结文章标签： javascript js

本文链接：https://blog.csdn.net/v_lixin/article/details/110921054

版权

知识总结专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JS简介

JS是什么

    JS是可以嵌入HTML代码中，基于对象和事件驱动的脚本语言

    具有交互性、安全性、跨平台等特点

JS能做什么

	能动态修改HTML和CSS代码

	能动态的校验数据

JS组成

	*ECMAScript* —— 变量、数据类型、操作符、流程控制语句、数组函数作用域、对象属性方法……

	*BOM* —— onlode页面加载、window对象、定时器、location、history……

	*DOM* —— 获取页面元素、动态创建元素、节点属性……

JS的使用

	使用 <script> 元素的方式有两种：直接在页面中嵌入 JavaScript 代码和包含外部 JavaScript文件。
	
	按照传统的做法，所有<script>元素都应该放在页面的<head>元素中。
	现代 Web 应用程序一般都把全部 JavaScript 引用放在<body>元素中页面内容的后面

JS基本语法

变量

var message = "hi"；
message = 100; // 有效，但不推荐

用 var 操作符定义的变量将成为定义该变量的作用域中的局部变量。也就是说，如果在函数中使用 var 定义一个变量，那么这个变量在函数退出后就会被销毁，例如：

function test(){ 
 var message = "hi"; // 局部变量
} 
test(); 
alert(message); // 错误！

function test(){ 
 message = "hi"; // 全局变量
} 
test(); 
alert(message); // "hi"

原始数据类型

ECMAScript 中有 5 种简单数据类型（也称为基本数据类型）：
Undefined、Null、Boolean、Number 和 String

引用数据类型

引用类型是一种数据结构，用于将数据和功能组织在一起，也常被称作类

对象是某个特定引用类型的实例，新对象是使用new操作符后跟一个构造函数创建的：

var person = new object();

这行代码创建了一个 object 引用类型的一个新实例，
然后把该实例保存到person中，使用的构造函数是 object ，
它为新对象定义了默认的属性和方法

运算符

赋值运算符

+ - * / %

算数运算符

var num1 = 98;
var num2 = '11';
alert(num1 - num2); //87

逻辑运算符

 &&   ||

var b1 = true;
var b2 = false;
alert(b1 && b2); // false
alert(b1 || b2); // true

比较运算符

<  >  <=  >=  ==  ===  !==

三元运算符

 ？   ：

类型运算符

// typeof: 判断数据类型 返回我的数据类型
// instanceof: 判断数据类型 是否是某种类型（返回布尔值）
var obj = new Object();
alert(typeof obj); // object 
alert(obj instanceof Object); // true

逻辑语句

if-else

if(9){
    alert('YES')
}else{
    alert('NO')
}

switch

var x = 'java';
switch (x) {
    case 'css':
        alert('css');
        break;
    case 'js':
        alert('js');
        break;
    case 'java':
        alert('java');
        break;
    default:
        alert('错误')
}

for

for (var i = 0; i <= 10; i++) {
    alert(i)
}

for-in

var arr = [1, 2, 3, 'www'];
for (index in arr) {
    alert(arr[index])
}

v_lixin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础一：简介与基本语法

JS学习总结JS简介JS是什么JS能做什么JS组成JS基本语法变量原始数据类型引用数据类型变量插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入JS简介JS是什么 JS是可以嵌入HTML代码中，基于对象和事件驱动的脚本语言具有交互性、安全性、跨平台等特点JS能做什么
复制链接

扫一扫