【无标题】JavaScript基本语法

已于 2024-03-25 00:24:44 修改
阅读量611 收藏 19
点赞数 9
文章标签： javascript 开发语言 ecmascript
于 2024-03-25 00:21:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aq233111/article/details/136989332
版权
本文详细介绍了JavaScript的三种代码引入方式，包括行内式、内嵌式和外链式。此外，涵盖了输入输出语句、变量声明（var、let、const）、数据类型（简单与复杂）、运算符（算术、赋值、比较、逻辑和三元），以及流程控制中的if语句和多分支结构。
摘要由CSDN通过智能技术生成

一.JavaScript基本使用

1.JavaScript代码引入方式

a.行内式：将JavaScript代码作为HTML标签的属性值使用，示例如下

b.嵌入式（内嵌式）：使用<script>标签包裹JavaScript代码，直接编写到HTML中，通常将其放到<head>标签或<body>标签中。

c.外链式(外部式):指将 JavaScipt 代码写在一个单独的文件中，一般使用“js”作为文件的展名,在HTML 页面中使用<scripb>标签的 src 属性引人“js”文件。外链式适合 JavaScrpt 代码量较多的情况。在HTML 页面中引入“js”文件。例如将html页面中引入“js”文件。如下

二.[输入输出语句]

1.常用的输入输出语句如下：

2.输出语句

在浏览器中弹出警告窗-alert("文本")，示例如下：

alert("hello javascript")

用于在控制台中输入信息-console.log("文本")，示例如下：

console.log('1111');

用于在网页中输出内容-document.write("文本")，示例如下：

document.write("三月请对我好一点")

3.输入语句

在网页中弹出一个输入框-prompt("文本")，示例如下：

prompt("请输入姓名")

在网页中弹出一个确认框-confirm("文本")，示例如下：

confirm("你真满十八岁了吗")

三.基本语法
1.变量的声明与赋值
  (1)声明变量，示例如下：
   var boy;

    var girl;

    console.log(boy);   //undefined(未定义的)

    console.log(girl);

   (2)为变量赋值，示例如下：
    boy = "jack";

     girl = "lily";

     console.log(boy);//jack

     console.log(girl);//lily

   2-声明的同时并赋值，示例如下：

     var myAge = 12;

     var myHeight =178;

     console.log(myAge);

     console.log(myHeight);

     (1).let声明变量
  let是ES6引入的关键字，用来替代var关键字

  (ES6指的是2015年推出的ECMAScrip语法)

        var boyFriend = "aaa"

        var boyFriend = "bbb"

        var boyFriend = "c"

        console.log(boyFriend);

        let girlFriend = "d"

         girlFriend = "e"

    let不能相同名字，俺可以修改，也可以用花括号

         console.log(girlFriend);

         {let girlFriend = "fff"}

(2).const声明变量
     let和var的变量可以改变

       const的变量不能改变是常量，必须要在声明时候赋值

       const a = 3.14

        a = 3.15

        console.log(a);---这里不会报错单运行是会报错

       正确写法

        const a = 3.14

        console.log(a);

3.变量声明区别

(1)初始化要求不同
使用var和let声明变量时可以先不初始化，

而使用const声明变量时必须初始化。

(2)重复声明不同
使用var和let声明的变量可以多次被修改,

其值只与最近一次赋值一致，而使用const声明的变量,

在整个运行过程中不能修改初值

(3)对块级作用域的支持不同
使用一对花括号括起来的代码称为一个代码块所谓块级作用域，

就是指变量起作用的范围是当前代码块，离开当前代码块，变量就失效了。

使用var声明的变量支持全局作用域，使用let和const声明的变量支持块级作用域。

四.数据类型

1.数据类型分类

a.简单数据类型储存在栈内存中

b.复杂数据类型的内容储存在堆内存中，地址储存在栈内存中

2.基本数据类型

a.Boolean--布尔类型,示例如下：

let flag1 = true; let flag2 = false; //True False TRUE FALSE都是错误的 console.log(flag1); let flag3 = "true" console.log(flag3)

c.numbr-数字型,示例如下：

let age = 18; let date = "0306"; console.log(age) console.log(date) console.log(Number.MAX_VALUE)//最大值 console.log(Number.MAX_VALUE*2)//无穷大 Infinity var a = 3-"b" console.log(a);//NaN (Not a Number) NaN也属于数字类型 //isNaN判断是否是一个非数字 //如果是数字类型则为false //如果是非数字类型则为true console.log(isNaN(a));//true console.log(isNaN(111));//false console.log(isNaN("abc"));//true console.log(isNaN(Infinity));//false console.log(isNaN("false"));//tc.string-字符串,示例如下：

let demo1 = "字符串" let demo2 = '字符串' let demo3 = `字符串` let demo4 = "'字符串'" console.log(demo1) console.log(demo2) console.log(demo3) console.log(demo4) console.log("111\'22d.undefined-未定义型,示例如下：

// 表面声明变量还未赋值 let grade=undefined; console.log(grade);//undefined

d.null-空,示例如下：

var a =null; console.log(a);//空

3.数据类型检测

(1) isNAN  检测是否是一个非数字

(2) typeof()

(3)布尔类型的true，会在运算中变为1，false会变成0

(4)加号是连接作用

4.数据类型转换

（1）将数据类型转换为布尔类型   Boolean()
         a.字符串和数字类型都会转换为布尔类型的true
      
         b. 空字符串转换为布尔类型为false，空格字符串转换为true
     
         c.数字0转为布尔类型false
      
         d.NaN转为布尔类型false
     
         e. underfind转为布尔类型false
     
         f.null转为布尔类型false

(2)将数据转化为字符串类型   String()   toString()

(3)将数据转换为数字类型  Nymber()

五.运算符

1.算术运算符

（1).常见的算术运算符如下

(2)常见运算方法如下：
      let a = 10;
      let b = 20;

      加法：

      console.log(a + b);

      减法：

      let c = b - a;
      console.log(c);

      乘法：

      console.log(c * b);
 
        除法
        b = b / a;
        console.log(b);
 
        取模运算 取余数
        console.log(26 % 5);
 
       幂运算
        console.log(2 ** 10);//1024
        //2*2*2*2*2*2*2*2*2*2
 
        自增运算
        var m = 4;
        console.log(++m);//5
        console.log(m);//5
 
        console.log(m++);//5
        console.log(m);//6
 
        console.log(m--);//6
        console.log(m);//5
 
 
 
        m = 5;
        n = ++m;
        console.log(m);//6
        console.log(n);//5
 
        var x = 1; y = 2
        console.log(++x);//2
        console.log(x);//2
        console.log(y++)//2
        console.log(y);//3
 
 
 
        p = --q;
        console.log(q);//1
        console.log(p);//1
 
        q = 2;
        p = q--;
        console.log(q);//1
        console.log(p);//2
 
        var d = 10;
        console.log(++d);//11
        console.log(d);//11
        console.log(d--);//11
        console.log(d);//10

02-字符串运算&隐式转换.
console.log(1 + 1);//2
        console.log(1 + true);//2
        console.log(1 + null);//2
        console.log(1 + false);//1
 
        console.log("12" - 0);//12
        console.log(undefined * null);//NaN
        console.log(Infinity++);//Infinity
 
        console.log(1 + "1");//11
        console.log(1 + "null");//1null
        console.log(null + "undefined");//nullundefined
        var name = "张三";
        var age = 18 ;
        console.log(name+"的年龄是"+age);
 隐式转换：当两个数据类型不同时，JS会按照既定的规则进行转换

字符串运算符：加号遇到字符串做拼接使用 

2.赋值运算符

（1）.常见的赋值运算符如下：

（2）.常见的赋值运算符演示如下:


        let a = 10;

        let b = 20;

        let c=a+b;

        加等于/加并赋值

        a+=b;//a=a+b

        console.log(a);//30

        console.log(b);//20

        a-=b;//a=a-b;

        console.log(a);//10

        console.log(b);//20

        a*=b;

        a/=b;

        a%=b;

        a**=b；

3.比较运算符

(1).常见的比较运算符如下：

（2）.常见的赋值运算符演示如下:


（a） != 不等于
        console.log(4!=5);//true

        console.log(4!=4);//false

（b）==  等于差不多相等
        console.log(4=="4");//true

（c）===全等于
        console.log(4==="4");//false

（d）!==不全等于
4.逻辑运算符

(1).常见的逻辑运算符如下：

（2).常见的逻辑运算符演示如下：

5.三元运算符

（1）下例为三元运算符的具体语法和示例代码：
           条件表达式？表达式1：表达式2

            如果条件表达式的值为true，则返回表达式1的执行结果

            如果条件表达式的值为false，则返回表达式2的执行结果，

            varage = prompt("请输入你的年龄")

            console.log(age);

            varres = age >= 18?"你已经是一名优秀的成年人啦":"你还是个宝宝"

            document.write(res)

6.运算符优先级

（1）下例为常见的运算优秀级
   一元运算符>比较运算符>逻辑运算符（逻辑与>逻辑或）>赋值运算符

六.流程控制

1.选择结构
       if语句的基本语法格式如下：

（a）if(条件表达式){代码}

（b）if....else语句（双分支）

        if(条件表达式){代码1}else{代码2}

 （c）if..else lf...else语句(多分支)

        if(条件表达式1){

            条件表达式1的结果

        }else if(条件表达式2) {

           条件表达式2的结果

        }else if(条件表达式3) {

           条件表达式3的结果

        } else{出去123之后的结果}

                        

aq233111
关注
  • 9
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript基本语法
gym21的博客
04-28 1219
一、 什么是JavaScript 1.概述 JavaScript（简称“JS”）是当前最流行、应用最广泛客户端脚本语言。 功能：用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。 特点 : 解释型脚本语言 面向对象 弱类型（对使用的数据类型没有严格的要求） 动态性（不需要借助 Web 服务器就可以对用户的输入做出响应） 跨平台（不依赖操作系统，在浏览器中就可以运行） JavaScript严格区分大小写 JavaScript与HTML和CSS共同构成了我们所看到的网页，
javascript基本语法
10-22
标题中提到的“JavaScript基本语法”是指构成JavaScript编程语言的那些核心规则和语法规则。这些规则包括但不限于：运算符、表达式、语句、函数、对象、事件处理以及变量的使用等。 描述部分强调了本文将针对这些...
JavaScript：基本使用
雨山的博客
05-24 761
一、JavaScript简介使用<script>标签在HTML网页中插入JavaScript代码。注意： <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。<script type=”text/javascript”>表示在<script></script>之间的是文本类型(text)，javascript是为了告诉浏览器里面的文本是属于Java
js重写alert事件，避免alert弹框标题出现网址
热门推荐
闪客
01-13 3万+
js代码： window.alert = function(msg, callback) { var div = document.createElement("div"); div.innerHTML = "" + ".nbaMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; bac
自定义alert弹框，title不显示域名
hangGe0111的博客
05-27 1万+
问题： 系统默认的alert弹框的title会默认显示网页域名 解决办法： （修改弹框样式） (function() { window.alert = function(name) { $(".tip").css("display", "block") $(".tip .content").html(name) } })() 调用：alert(name) 在页面中添加弹框元素，自定义其...
alert弹窗去掉上方网址标题
李继轩的博客
12-02 2万+
window.alert = function (name) { const iframe = document.createElement('IFRAME'); iframe.style.display = 'none'; iframe.setAttribute('src', 'data:text/plain,'); document.documentElement.appendC
【无标题】JavaScript的基本语法
weixin_67333390的博客
03-01 594
使用JavaScript实现表单验证 使用JavaScript制作网页广告特效 使用JavaSctipt制作弹出窗口特效 使用JavaScript实现时钟特效 使用JavaScript实现级联显示功能 使用JavaScript+CSS实现CSS样式特效 使用JavaScript动态创建页面元素 S1: java基础（Swing,SqlServer） S2: java进阶（adv,oracle,js,web） Y1: web进阶 Y2: web框架 web(前端+后端) 前端三大要素:...
JS（JavaScript）基本语法以及其它语法
qq_43737870的博客
02-09 1450
JS
RUNOOB JavaScript 基础语法
qq_43156556的博客
11-17 1116
JavaScript 基础语法 JavaScript 的特点： JavaScript是一种动态类型、弱类型、基于原型的解释型脚本语言 动态类型：变量在声明时不需要声明类型，在运行时根据被赋值类型进行转化 弱类型：可根据环境的变换自动转换变量类型 基于原型：没有面向对象语言中类和实例的区别，新的对象通过构造器函数继承原型对象，实例化后具有原型对象的属性以及本身定义的属性 解释型脚本语言：解释器JavaScript引擎。可理解为：JavaScript为控制浏览器和HTML页面交互编写规则 JavaScrip
JavaScript基本结构
a1234556667的博客
09-20 2442
轮播图 常位于首页，用作活动推广的大图，其可以自动播放，点击左右切换按钮播放，也可以点击图片上的小圆点播放 Tab切换 用于点击不同的标签或标题，显示不同的内容 表单验证 常位于注册和登录页面，其用来在数据被送往服务器前对HTML表单中的输入数据进行验证。若输入的数据不正确，则会提示错误 什么是JavaScript JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言 其常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果 Ja...
JavaScript基本语法案例.pdf
07-11
这份文档提供了几个JavaScript基本语法的实例，涵盖了注释、日期对象以及语句块的使用方法。 1. **注释**： - **单行注释**：在JavaScript中，以`//`开始的一行文字被视为注释，不会被解析执行。例如，在案例1中，...
详解JavaScript语言的基本语法要求
10-23
JavaScript语言的基本语法要求是学习和掌握JavaScript的关键，以下是详细介绍： 一、区分大小写 JavaScript语言严格区分字符大小写。这意味着在JavaScript中，变量、函数名、关键字等都是区分大小写的。例如，...
JavaScript 语法基础教学课件
05-08
JavaScript语法基础是学习编程语言的重要环节，以下是对标题和描述中涉及知识点的详细解释： 1. **JavaScript基础**： - JavaScript是一种解释型的、基于原型的、动态类型的弱类型脚本语言，它与Java虽然名字相似...
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-27 1062
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
JavaScript代码片段
weixin_66128399的博客
08-26 1917
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
【项目】云备份系统笔记
最新发布
m0_73713491的博客
08-27 961
就包含一个类，config，是读取配置文件的类，因为配置文件只有一份，所以可以采用单例模式，把config类的构造函数私有化，只能通过一个公共成员函数getinstance（）来创建对象（new config（）），在类的内部可以调用私有化构造函数，构造函数里面再调用读取配置文件的函数，用自己实现的工具类读取配置文件，将读到的内容放到一个字符串中，然后再将字符串用Json进行序列化，然后给类中的成员变量进行赋值，类中的成员变量就包含了cloud.conf里面包含的信息，一一对应。
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 7819
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
jQuery基础——DOM
m0_54066656的博客
08-27 1581
JQ基础——DOM操作
JavaScript基本语法：输入/输出与HTML标签解析
**JavaScript基本语法** JavaScript的语法基于ECMAScript标准，它的代码通常在HTML文档中通过`<script>`标签进行嵌入。JavaScript支持多种数据类型，包括字符串、数字、布尔值、null、undefined等。变量声明通常...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值