JavaScript入门第二章(变量声明/赋值/取值)

简介: JavaScript入门第二章(变量声明/赋值/取值)

1.变量声明/赋值/取值


  • 1.实际开发因为数据是动态变化,不可能写死数据,因此需要使用变量来进行保存


  • 2.变量(variable):内存中用来保存数据的一块空间


  • 3.变量作用:在内存中存储数据


  • 4.语法:
  • 1.声明变量: var let const 变量名
  • 2.赋值:变量名 = 值
  • 3.取值:直接写变量名即可


2.变量补充说明


       1.变量(variable)作用 :在内存中存储数据


       2.变量补充说明:

           a. 变量初始化

               语法: let 变量名 = 值;

           b. 变量重复声明

               语法 : let 变量名 = 值;

               特点 : 覆盖已经存在的变量

           c. 变量重新赋值

               语法 : 变量名 = 值;

               特点 : 先销毁旧值,然后存入新值

           d. 变量的值是另一个变量

               语法 : 变量名a = 变量名b

               特点 : 将变量b中的数据, 拷贝一份赋值给a


  • 1.变量的初始化


  • 2.变量的批量声明


  • 3.变量批量声明赋值


  • 4.变量的重复声明


  • 5.变量的重复赋值


  • 6.变量的值是另一个变量的值


  • 7.JS老版本var声明变量


  • 8.let和var的区别


  //1.变量的初始化:在声明的时候赋值
    let num = 10;//相当于(1)  let num;   (2)num = 10   这两行代码简写形式
    //2.变量的批量声明:同时声明多个变量
    let a,b,c;
    //3.批量声明的时候也可以赋值
    let num1 = 10,num2 = 20,num3 = 30;
    //4.变量的重复赋值:修改变量里面存储的数据
    num = 99;
    console.log ( num );//99
    //5.变量的值是另一个变量的值
    let n1 = 20;
    let n2 = n1;//将n1的值拷贝一份赋值n2
    console.log (  n2 );//20
    console.log ( n1 );//20
    //注意:这行代码的意思是将字符串'n1'赋值给变量n2,而不是变量n1的值
    //n2 = 'n1';
    //console.log ( n2 );//n1
    //6.var也可以声明变量,与let使用方法一样
    var n3 = 3;
    //7.let和var的区别:let同名变量只能声明一次,var可以声明多次(干掉原来的)
    let n4 = 4;
    //let n4 = 40;    // 错误:已经定义过,不能再定义
    var n5 = 5;
    var n5 = 50;    // 没问题:第二个n5会重新开辟内存,第一个n5被干掉(浪费内存)
    // 总结:实际开发的时候,我们都是使用let开发,很少使用var了


3.变量命名规则与规范


  • 规则:必须要遵守,否则会报错


  • 规则是由语法决定的,无法更改
  • 1.变量只能以下划线、字母、$开头,后面接任意的数字、下划线、字母、$
  • 2.不能以JS的关键字作为变量名
  • 尽量不要使用关键字和保留字作为变量名,也不需要死记硬背,孰能生巧
  • 关键字:JS内置的一些关键字,代表着特殊的语法含义,不允许程序员擅自声明
  • 保留字:有可能在将来会成为关键字,现在可以用,但是并不能保证以后一直可以用


  • 规范:程序员们在遵守规则时养成的一种习惯


  • 规范是程序员的一种编码习惯,主要目的就是为了提高代码的易读性
  • 1.起名要有意义,最好用名词作为变量名
  • 2.使用驼峰命名法:变量名第一个单词首字母小写,后面如果有其他单词则每一个单词的首字母大写


相关文章
|
2月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
516 2
|
4月前
|
JavaScript 前端开发 开发者
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
103 1
|
1月前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
33 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
84 10
|
1月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
3月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
2月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
2月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
31 1
|
2月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
581 1