首页 > 编程语言 >初识JavaScript

初识JavaScript

时间:2024-08-21 22:22:17浏览次数:10  
标签:浏览器 变量 JavaScript js 初识 var 声明

1.什么是JavaScript

JavaScript ( JS ) 是⼀种具有函数优先的轻量级,解释型或即时编译型的编程语⾔。虽然它是作为开发Web ⻚⾯的脚本语⾔⽽出名的,但是它也被⽤到了很多⾮浏览器环境中,例如 Node.js、 Apache CouchDB 和 Adobe Acrobat。JavaScript 是⼀种基于原型编程、多范式的动态脚本语 ⾔,并且⽀持⾯向对象、命令式和声明式(如函数式编程)⻛格。

foo()

function foo(){} 

1.1.JavaScript的组成部分

ECMScript(核心js)
      变量 注释(/**多行注释*/、 // 单行注释) 对象 数组 函数 原型链  设计模式....

DOM(Document Object Model)文档对象模型 操作html的api和接口
      绑定事件 
      各个浏览器厂商对dom支持程度不同 jQuery(浅封装dom)
BOM(Browser Object Model)浏览器对象模型  操作浏览器的api和接口
      ajax 超时调用 间歇调用 location history

1.2.JavaScript的特点

1.解释性语⾔ 被内置于浏览器或者Nodejs平台中的js解析器解析执⾏,执⾏前⽆需编译

2.弱类型语⾔,变量的数据类型取决于值的数据类型

弱类型语言具有如下特点:1>变量的数据类型在初始化的时候确定 2>变量的数据类型可以随时发⽣改变 3>类型细分不明显

3.从上往下顺序解析执⾏

4.区分大小写 大小写敏感

1.3.JavaScript的运行环境

Nodejs 
浏览器 内置js解析器 

1.4.在网页中使用JavaScript

内部JavaScript

编写好HTML,在<head>标签体中添加<script>元素,然后将js代码填写进来即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initialscale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    alert('hello javascript')
    </script>
</head>
<body>
</body>
</html>

外部JavaScript 

单独新建⼀个后缀名为.js的js⽂件,编写好HTML⽂件,在<head>标签体中添加<script>元素,使⽤script标签的src属性将将js⽂件导⼊进来。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initialscale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
</html>

在body和head中使⽤JavaScript的区别 :在body部分中的JavaScript会在⻚⾯加载的时候被执⾏,在head部分中 的JavaScript会在被调⽤的时候才执⾏。

因为浏览器解析html是从上到下的。如果把JavaScript放在head⾥的 话,则先被解析,但这时候body还没有解析,所以会返回空值。⼀般都会 绑定⼀个监听,当全部的html⽂档解析完之后再执⾏代码。

这就说明了,如果我们想定义⼀个全局对象,⽽这个对象是⻚⾯中的某个 按钮时,我们必须将其放⼊body中,道理很明显:如果放⼊head,那当你 定义的时候,那个按钮都没有被加载,可能获得的是⼀个undefind。⼀般习惯将JavaScript放在body的最后⾯,类似last-child。

2.声明标识符规则 

1.不能由下划线或者数字开头
2.由字母、数字、下划线、$组成
3.不能使用关键字和保留字 


4.建议使用驼峰式命名 
      firstName 小驼峰
      FirstName 大驼峰  

3.变量

3.1.变量的使用

声明 var message;

初始化 message = "hello"

声明并初始化 var message = "hello";

定义多个变量 var message= "hello",found=false, age = 29;

3.2.var

var (es5) let const(es6)

1. 变量可以重复声明

2.变量声明会被提升 (函数的声明也会)

3.var声明的变量的作⽤域

函数内部作用域和函数外部作用域
    function foo(){
      var a = 10;
      b = 20;
    }
函数内部作用域:使用var声明变量,仅函数内部可见。直接声明变量 也是全局变量

函数外部作用:将变量声明在函数外部,全局可见 
 

标签:浏览器,变量,JavaScript,js,初识,var,声明
From: https://blog.csdn.net/qq_61913550/article/details/141366506

相关文章

  • Lodash 使用详解:提升 JavaScript 开发效率的利器
    引言在现代JavaScript开发中,处理数组、对象、字符串等数据类型的操作频繁且复杂。尽管JavaScript本身已经提供了一些内置方法,但它们有时不够直观,或者在处理复杂场景时显得笨拙。Lodash是一个功能丰富的JavaScript实用工具库,它提供了简洁、高效的API来处理这些常见......
  • 在JavaScript中,`==` 和 `===` 操作符有什么区别?在什么情况下应该使用它们
    在JavaScript中,==(宽松相等)和===(严格相等)操作符是进行值比较时非常基础且关键的工具。它们之间的区别主要在于处理类型转换的方式上,这种差异对于编写清晰、可预测和高效的代码至关重要。下面将详细探讨这两个操作符的区别、使用场景,以及为什么在某些情况下推荐使用===而非==。=......
  • JavaScript基础(2)
    记录一些js基础语法的总结第二篇——流程控制<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>jsStu......
  • JavaScript 中的 闭包
    闭包在JavaScript中,你可以在其他函数内部声明并返回函数。内部函数可以访问在其上方声明的任何变量。functioncreateAdder(a){returnfunctionadd(b){constsum=a+b;returnsum;}}constaddTo2=createAdder(2);addTo2(5)//7addTo2(0)//2......
  • [Javascript] HTML Template Interpolation
    Thebasic interpolatefunctionwecancreate:functioninterpolate(str,params){letnames=Object.keys(params);//["title","description"]letvalues=Object.values(params);//["Hello","World"]......
  • 【C++篇】迈入新世界的大门——初识C++(下篇)
    文章目录前言引用引用的概念和定义引用的特性引用的使用const引用指针和引用的关系inline#define定义宏inlinenullptr前言接上篇:【C++篇】迈入新世界的大门——初识C++(上篇)引用引用的概念和定义引⽤不是新定义⼀个变量,⽽是给已存在变量取了⼀个别名,编译器不会......
  • 用for循环输出数组与初识增强for循环
    1.定义一个数组2.使用for循环设置编码3.输出带有编码的数组使用增强for循环输出数组1.依旧是定义数组2.设置一个新的变量x用于替代数组3.直接输出变量x即可......
  • C语言程序设计(初识C语言后部分)
    代码是一门艺术,键盘是我的画笔。3.递归和迭代(循环就是一种迭代,迭代不仅仅是循环)·求n!递归方式:n!--->1(n=1);  n*(n-1)!(n>=1)#include<stdio.h>//n!-->递归方式intfac(intn){ if(n<=1) return1; else returnn*fac(n-1);}intmain(){ int......
  • JavaScript-正则表达式入门指南-全-
    JavaScript正则表达式入门指南(全)原文:IntroducingRegularExpressions协议:CCBY-NC-SA4.0一、正则表达式简介为了开始介绍正则表达式,我将从一个例子开始。这是一个你已经经历了几百次的问题。当您在线输入客户数据时,许多web表单会要求您提供电子邮件地址。为了避免输入......
  • JavaScript-快速语法参考-全-
    JavaScript快速语法参考(全)原文:JavaScriptQuickSyntaxReference协议:CCBY-NC-SA4.0一、使用JavaScript要开始试验JavaScript,您应该安装一个支持这种语言的集成开发环境(IDE)。有很多不错的选择,比如NetBeans、Eclipse、VisualStudio、括号。在本书中,我们将使用NetBe......