JavaScript 基础

最新推荐文章于 2020-12-14 09:35:48 发布
最新推荐文章于 2020-12-14 09:35:48 发布
阅读量479 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mirror_Mx/article/details/104844808
版权
这篇博客详细介绍了JavaScript的基础知识，包括变量的声明与命名规范、数据类型如Number和String的特性和运算符的使用，深入讲解了流程控制（如if、switch、for和while循环）、函数的声明与调用、作用域以及对象的概念和创建方法。还涉及到了数组、运算符优先级和预解析等关键概念。
摘要由CSDN通过智能技术生成

自定义标题

变量

声明变量特殊情况
情况说明结果
var age;console.log(age)只声明 不赋值undefined
console.log(age)不声明 不赋值 直接使用报错
age = 10;console.log(age)不声明 只赋值10

特殊中的特殊情况：不声明不赋值 直接使用，当变量名是name时：
特殊中的特殊情况：不声明不赋值 直接使用，当变量名是name时

命名规范

命名规范

练习

练习1结果1

小结

在这里插入图片描述

数据类型

变量的数据类型

变量的数据类型

简单数据类型

简单数据类型说明默认值
Number数字型，包含 整型值和浮点型值，如21、0.210
Boolean布尔值类型，如true、false，等价于1和0false
String字符串类型，如“张三” 注意咱们JS里面，字符串都带引号“”
Undifinedvar a;声明了变量a但是没有给值，此时a=undefinedundefined

Null
简单数据类型

数字型 Number

数字型

数字型的范围

数字型范围

数字型的三个特殊值

数字型的三个特殊值

isNaN()

isNaN()

字符串型 String

字符串型 String

引号嵌套

引号嵌套

字符串转义符

在这里插入图片描述

运算符

算术运算符

递增递减运算符

在这里插入图片描述

前置递增运算符

在这里插入图片描述

后置递增运算符

在这里插入图片描述

练习

在这里插入图片描述

小结

在这里插入图片描述

比较运算符

在这里插入图片描述
在这里插入图片描述

逻辑运算符

在这里插入图片描述
在这里插入图片描述

短路运算（逻辑中断）

在这里插入图片描述

逻辑与

在这里插入图片描述
在这里插入图片描述

逻辑或

在这里插入图片描述
在这里插入图片描述

赋值运算符

在这里插入图片描述

运算符优先级

在这里插入图片描述
在这里插入图片描述

流程控制

在这里插入图片描述

顺序流程控制

在这里插入图片描述

分支流程控制

分支结构

在这里插入图片描述

if语句

语法结构：
在这里插入图片描述
执行流程：
在这里插入图片描述

if else语句（双分支语句）

语句结构：
在这里插入图片描述
执行流程：
在这里插入图片描述

案例

在这里插入图片描述
分析：
在这里插入图片描述
代码：
在这里插入图片描述

if else if语句（多分支语句）

在这里插入图片描述
在这里插入图片描述
执行流程：
在这里插入图片描述

三元表达式

在这里插入图片描述
案例：
在这里插入图片描述
在这里插入图片描述

switch语句

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

switch语句和if else if语句的区别

在这里插入图片描述

循环语句

循环的目的：
在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句

for循环在这里插入图片描述

断点调试

在这里插入图片描述

循环重复的代码

重复执行不相同代码

在这里插入图片描述在这里插入图片描述

重复某些相同操作

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

双重for循环

在这里插入图片描述
在这里插入图片描述

案例在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

for循环小结

在这里插入图片描述

while循环

在这里插入图片描述
在这里插入图片描述

do while循环

在这里插入图片描述
在这里插入图片描述

循环小结

在这里插入图片描述

continue和break

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

JS命名规范

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

数组

概念

在这里插入图片描述

创建数组

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

获取数组元素

数组的索引

在这里插入图片描述

遍历数组

在这里插入图片描述
在这里插入图片描述

数组的长度

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

数组中新增元素

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

函数

概念

在这里插入图片描述

函数的使用

函数在使用的时候分为两大步：声明函数和调用函数

声明函数

在这里插入图片描述

调用函数

在这里插入图片描述

函数的封装

在这里插入图片描述

函数的参数

形参和实参

在这里插入图片描述

形参和实参个数不匹配的问题

在这里插入图片描述

小结

在这里插入图片描述

函数的返回值

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

函数返回值的注意事项

在这里插入图片描述
在这里插入图片描述

函数没有return 返回 undefined

在这里插入图片描述

break,continue,return的区别

在这里插入图片描述

arguments的使用

在这里插入图片描述
在这里插入图片描述

案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

函数可以调用另外一个函数

在这里插入图片描述
在这里插入图片描述

函数两种声明方式

在这里插入图片描述
在这里插入图片描述

作用域

概念

在这里插入图片描述
在这里插入图片描述

变量作用域分类

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

JS没有块级作用域

在这里插入图片描述

作用域链

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

预解析

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
答案：undefined
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

JavaScript对象

概念

在这里插入图片描述
在这里插入图片描述

为什么需要对象

在这里插入图片描述

创建对象的三种方式

在这里插入图片描述

利用字面量创建对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

利用new Object创建对象

在这里插入图片描述

利用构造函数创建对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

构造函数和创建对象

在这里插入图片描述
在这里插入图片描述

new关键字

在这里插入图片描述
在这里插入图片描述

遍历对象

在这里插入图片描述

小结

在这里插入图片描述

内置对象

在这里插入图片描述

查文档

在这里插入图片描述
在这里插入图片描述

Math对象

在这里插入图片描述

Math.random()

在这里插入图片描述

mirror_Mx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
十分钟上手前端React+MirrorX最佳实践
杨若瑜的技术博客
03-14 2738
随着React的普及，很多大厂的前端必备React相关知识，甚至已有成熟框架应用在生产环境。今天我们探讨的是React进阶者经常会遇到的MirrorX编写问题，看着前人写的组件，绕着绕着就绕糊涂了。真实案例：可能为了改一个简单的传参，前端开发工程师会耗费在跟代码至少4-5个小时。因此我便做此文，用以帮助正在进阶过程中的前端工程师们快速理解一个RESTful请求是怎么经过MirrorX的处理，到达组...
JavaScript基础
weixin_45260174的博客
10-25 103
JavaScript基础 JavaScript： * 概念： 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了 * 功能： * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。 * JavaScript发展史： 1. 1992年，...
mirror.js 整合redux的好工具
weixin_30915951的博客
08-30 207
mirror.js 很简单，让state管理更方便了，没有新增api，值 得使用 https://github.com/yurizhang/mirror package.json { "name": "webpack", "version": "0.1.0", "private": true, "dependencies": { "axios": "^0.16....
react-mirror发起异步请求
weixin_42052388的博客
04-23 282
mirror 为阿里开源的状态管理工具。使用方法：https://github.com/mirrorjs/mirror/blob/master/README_zh.md异步请求：初学遇到的问题：每次异步请求都能触发，且返回值正确，但是在Promise.then里改变state，不能触发view更新，经检查，不能直接在异步回调或promise then里改变状态，需要调用reducers.代码如下m...
mirrorjs:一个面向瘦客户机和胖客户机的全新JavaScript框架！
05-21
mirrorjs 一个面向瘦客户机和胖客户机的全新JavaScript框架！ mirrorjs的层次结构 mirrorjs的架构 mirrorjs小部件的层次结构 代码 示例本地（胖）应用程序 function main ( app , args /* CUSTOM ARGUMENTS */ ) { var myContainer = app . create ( "container" ) ; myContainer . setParent ( args [ "my_cnt" ] ) ; var myTxt = app . create ( "textfield" , myContainer ) ; myTxt . Text = "This is a Textfield" ; var myButton = app . create ( "button" , myContai
CodeMIrror.js在线代码编辑器简单使用
极客神殿
09-09 5826
代码高亮是程序员的刚需，不管是在笔记类，论坛类，博客类web网站中，都对代码高亮提出要求，不高亮的代码阅读体验很差，codeMirror是一个前端代码高亮库，使用方便。CodeMirror 是一款在线的支持语法高亮的代码编辑器。 codeMirror可以直接在官网下载：http://codemirror.net/ 下载文件中，我们需要的是 lib 下的 codemirror.js 和 codemi...
javascript基础
08-09
javascript基础，适合零基础或初学者简单简洁 ，易于理解
JavaScript基础知识
mirror_Mx的博客
12-29 173
1、关于函数部分有用拓展 引用类型>Function类型>作为值的函数 小例子之使数组按指定属性排序 //声明函数 function createComparisonFunction(propertyName){ return function(object1,object2){ var value1 = object1[propertyName]; ...
js在线学习平台的介绍及安装
Edocevol
05-22 3356
nodejs+express搭建javascript在线IDE项目地址github:https://github.com/sixtrees/js-online-running背景这两天在看阮一峰的《ES6标准入门》，对其中涉及到的代码示例部分，感觉到很不方便，不知道阮老师是如何进行代码调试的。本文利用nodejs+express搭建javascript在线IDE及并解决了3个CodeMirror代码提示问题
【Javascript基础】原生的原型
mirror_Mx的博客
10-15 204
“prototype” 属性在 JavaScript 自身的核心部分中被广泛地应用。所有的内置构造函数都用到了它。 首先，我们将看看原生原型的详细信息，然后学习如何使用它为内建对象添加新功能。 Object.prototype 假如我们输出一个对象： let obj={}; alert(obj); // "[object Object]" 生成字符串"[object Object]"的代码在哪里？ 那就是一个内建的toString方法，但是它在哪里呢？ obj里面是空的。 表达式obj = {}和obj
JavaScript实战之购物车案例
mirror_Mx的博客
12-27 4720
这个是通过网上视频案例学习，然后，自己想整理一下页面书写流程文档。 show样式： HTML代码结构+CSS结构 初始化css样式： * { margin: 0; padding: 0; } a { color: #666; text-decoration: none; } body { padding: 20px; } 此页面主要...
JavaScript之小案例
mirror_Mx的博客
12-28 415
JS实现标签切换栏 页面效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签切换栏</title> <link rel="stylesheet" type=&quo
【Javascript 基础】数据类型及其基本使用
mirror_Mx的博客
11-24 280
1.简单数据类型 简单数据类型 说明 默认值 Number 数字型，包含 整型值和浮点型值，如21、0.21 0 Boolean 布尔值类型，如true、false，等价于1和0 false String 字符串类型，如“张三” 注意咱们JS里面，字符串都带引号 “” Undifined var a;声明了变量a但是没有给值，此时a=undefined undefined Null var a = null;声明了变量a为空值 null ...
【Javascript 基础】数组方法及其应用
mirror_Mx的博客
12-14 279
添加/删除 push arr.push(element1, ..., elementN) 作用：向 数组末尾 追加一项 参数：添加的具体项，可以是一项，也可以是多项 返回值：新数组的长度 是否改变原数组：改变 var ary=[‘a’，‘b’，‘c’]; var res= ary .push (‘d’，‘e’) console.log(ary);//[‘a’，‘b’，‘c’，‘d’，‘e’]; console.log(res);//5 pop： 作用：删除数组的最后一项 参数：无 返回值：删除
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值