首页 > 编程语言 >JavaScript

JavaScript

时间:2023-07-17 12:22:49浏览次数:57  
标签:... false 定义 JavaScript JS 运算符

一、什么是JavaScript?

1.JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互;

2.JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似;

3.JavaScript在1995年由Brendan Eich 发明,并于1997年成为ECMA标准;

4.ECMAScript 6 (ES6)是最新的JavaScript版本(发布于2015年)。

二、JavaScript引入方式

1.内部脚本

​ 将JS代码定义在HTML页面中

(1)JavaScript代码必须位于<script></script>标签之间;

(2)在HTML文档中,可以在任意地方,放置任意数量的<script>;

(3)一般会把脚本置于<body>元素的底部,可改善显示速度。

2.外部脚本

​ 将JS代码定义在外部JS文件中,然后引入到HTML页面中

(1)外部JS文件中,只包含JS代码,不包含<script>标签;

(2)<script>标签不能自闭合。

三、JavaScript书写语法

1.区分大小写

​ 与Java一样,变量名、函数名以及其他一切东西都是区分大小写的。

2.每行结尾的分号可有可无

3.注释

(1)单行注释://注释内容

(2)多行注释:/*注释内容*/

4.大括号表示代码块

四、JavaScript输出方式

1.使用window.alert()写入警告框;

2.使用document.write()写入HTML输出;

3.使用console.log()写入浏览器控制台。

五、变量

1.JavaScript中用var关键字(variable的缩写)来声明变量。

2.JavaScript是一门弱类型语言,变量可以存放不同类型的值。

3.变量名规则

(1)组成字符可以是任何字母、数字、下划线(_)或美元符号($)》;

(2)数字不能开头;

(3)建议使用驼峰命名。

4.var特点

(1)作用域比较大,全局变量;

(2)可以重复定义。

5.注意事项

(1)ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量,只在let 关键字所在的代码块内有效,且不允许重复声明。

(2)ECMAScript 6新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。

六、数据类型&运算符

1.数据类型分为

​ 原始类型和引用类型。

2.原始类型

(1)number: 数字(整数、小数、NaN(Not a Number));

(2)string:字符串,单双引皆可;

(3)boolean:布尔。true,false;

(4)null:对象为空;

(5)undefined:当声明的变量未初始化时,该变量的默认值是undefined。

3.typeof运算符

​ 使用typeof运算符可以获取数据类型。

image-20230717105759461

4.运算符

(1)算术运算符:+,-,*,/,%,++,--

(2)赋值运算符:=,+=,-+,*=,/=,%=

(3)比较运算符:>,<,>=,<=,!=,==,===

(4)逻辑运算符:&&,||,!

(5)三元运算符:条件表达式?true_value:false_value

5.==与===

​ ==会进行类型转换,===不会进行数据转换

6.类型转换

(1)字符串类型转为数字:将字符串字面值转为数字,如果字面值不是数字,则转为NaN。

(2)其他类型转为boolean:

  • Number:0和NaN为false,其他均转为true;
  • String:空字符串转为false,其他均转为false;
  • Null和undefined:均转为false。

七、流程控制语句

1.if...else if,,,else

2.switch

3.for

4.while

5.do...while

八、函数

1.介绍

函数(方法)是被设计为执行特定任务的代码块。

2.定义

(1)方式一:JavaScript函数通过function关键字进行定义,语法为:

image-20230717113050033

(2)方式二:

image-20230717113531552

3.注意

(1)形式参数不需要类型。因为JavaScript是弱类型语言;

(2)返回值也不需要定义类型,可以在函数内部直接使用return返回即可;

(3)JS中,函数调用可以传递任意个数的参数。

4.调用

函数名称(实际参数列表)

九、Array数组

1.Array

JavaScript中Array对象用于定义数组。

2.定义

(1)方式一:var 变量名 = new Array(元素列表);

(2)方式二:var 变量名 = [元素列表]。

3.访问

arr[索引] = 值

4.特点

(1)长度可变;

(2)可存储任意类型的数据。

5.属性

length:设置或返回数组中元素的数量。

6.方法

(1)forEach():遍历数组中的每个有值的元素,并调用一次传入的函数;

​ 箭头函数(ES6):是用来简化函数定义语法的。具体形式为;(...)=>{...},如果要给箭头函数起名字:var xxx = (...)=>{...}

(2)push():将新元素添加到数组的末尾,并返回新的长度;

(3)splice():从数组中删除元素。

标签:...,false,定义,JavaScript,JS,运算符
From: https://www.cnblogs.com/yang-jc/p/17559759.html

相关文章

  • 【技术积累】JavaScript中的基础语法【三】
    JavaScript的条件结构JavaScript中的条件结构主要包括if语句、if-else语句、if-elseif语句和switch语句。这些条件结构用于根据不同的条件执行不同的代码块。if语句if语句用于在满足条件时执行一段代码块。语法如下:if(condition){//codetobeexecutedifconditioni......
  • javascript 快排
    functionquickSort(arr){//如果数组只有一个数,就直接返回;if(arr.length<1){returnarr;}//找到中间的那个数的索引值;如果是浮点......
  • 【技术积累】JavaScript中的基础语法【二】
    JavaScript编写方式JavaScript是一种脚本语言,用于为网页添加交互性和动态功能。它可以直接嵌入到HTML中,并通过浏览器解释执行。下面是一些常见的JavaScript编写方式和相应的代码示例:内联方式在HTML文件中直接嵌入JavaScript代码,使用`<script>`标签将代码包裹起来。这种方式适用......
  • JavaScript:将对象数组映射到字典
    JavaScript:将对象数组映射到字典#javascript#打字稿#数据在JavaScript/TypeScript中将对象数组转换为字典的最简单方法:letdata=[{id:1,country:'Germany',population:83623528},{id:2,country:'Austria',population:8975552},{id:3,country......
  • 【技术积累】JavaScript中的基础语法【一】
    Math对象JavaScript中的Math对象是一个内置的数学对象,表示对数字进行数学运算的方法和属性的集合。Math对象不是一个构造函数,所以不能使用new关键字来创建一个Math对象的实例。它包含了一些常见的数学运算函数和常量,可以直接通过Math对象来调用。以下是Math对象的一些常用方法:......
  • JavaScript
    html<!DOCTYPEhtml><htmllang="en"xmlns="http://www.w3.org/1999/html"><head><metaname="author"content="weiyupeng"><metaname="time"content="2023/7/1020:23"......
  • 10.JavaScript原型,原型链有什么特点
    10.JavaScript原型,原型链?有什么特点?在js中我们是使用构造函数来新建一个对象的,每一个构造函数的内部都有一个prototype属性值,这个属性值是一个对象,这个对象包含了可以由该构造函数的所有实例共享的属性和方法。当我们使用构造函数新建一个对象后,在这个对象的内部将包含......
  • JavaScript at() 方法
    数组对象:对于获取数组的最后一个元素,可能平常见得多的就是arr[arr.length-1],我们其实可以使用at()方法进行获取接收一个整数值并返回该索引对应的元素:constarr=[5,12,8,130,44];letindex1=2;strt1=`索引号为${index1}的值为${arr.at(index1)}`;letind......
  • 【javascript】关于文件下载
    通常在a标签href属性后加上请求下载文件的地址,页面点击即可下载,该种方式是交由浏览器去下载,但是无法监听下载进度若通过AJAX请求,则需要对其进行解析,通常将数据转为blob,然后模拟a标签点击事件,但是此方法如果文件过大,接口调用时超出ajax的timeout时长,会下载失败......
  • 【JavaScript】你真的熟悉bind吗
    引言内容速递看了本文您能了解到的知识!在本篇文章中,将带你了解什么是bind,bind的用途、如何手写bind以及工作中实际使用bind的场景。在JavaScript中,bind()方法是用来创建一个新函数,并将其绑定到指定的对象上,从而在调用该函数时确保函数中的this关键字指向绑定的对象。1、什......