首页 > 编程语言 >【JavaScript】JavaScript定义、引入方式、基础语法、函数、对象、继承

【JavaScript】JavaScript定义、引入方式、基础语法、函数、对象、继承

时间:2024-01-10 14:44:47浏览次数:43  
标签:语句 定义 对象 JavaScript 语法 函数

定义

JavaScript是一门跨平台、面向对象的脚本语言
用来控制网页行为的,可以使网页交互

引入方式

内部脚本


外部脚本


JS基础语法

书写语法


输出语句


变量


变量作用域




数据类型


运算符


  1. ==

  2. ===

  3. ??

  4. .?



  5. ...
    展开运算符
    (1)打散数组传递给多个参数




    (2)复制数组或对象


    (3)合并数组或对象

类型转换


流程控制语句

和Java一致

try catch

如果没有异常,只执行try中的语句;
如果出现异常,则执行catch中的语句;
无论是否出现异常,finally中的语句都会被执行。

函数

函数定义




function-匿名函数

顾名思义,没有函数名的函数

  • 使用场景
  1. 定义完立即使用

  2. 作为其他对象的方法
    页面中有元素,该元素有onclick方法,会在鼠标单击这个元素后被执行,onclick最开始是null,需要被赋值后才能使用



function-箭头函数


函数是对象

  1. 可以参与赋值

  2. 有属性有方法
    查看函数的内部结构

  3. 可以作为方法参数

  4. 可以作为方法返回值



闭包


JS对象

Array


String


  • 方法trim():去除字符串前后两端端空白字符

自定义对象


BOM(浏览器对象模型)


Window对象


定时器


History对象


Location对象


DOM(文档对象模型)


获取Element


事件监听


事件绑定


常见事件

查找HTML DOM事件参考手册使用即可

继承

原型继承


基于函数的继承




标签:语句,定义,对象,JavaScript,语法,函数
From: https://www.cnblogs.com/Eve7Xu/p/17804296.html

相关文章

  • CHAT GPT人工智能:定义未来通信方式
    CHATGPT人工智能是基于自然语言处理(NLP)技术的一种对话系统,能够模拟人类语言交流,实现与用户的即时通信。该系统采用先进的深度学习算法,通过大量的语言数据训练,使其具备理解、学习和生成自然语言的能力。 随着科技的发展,CHATGPT人工智能将重塑未来通信方式。它可以提供更加智......
  • go 新建一个自定义包
    一、概述在go中新建一个自定义包供其他包使用。步骤:1.新建一个目录2.目录下新建一个xxx.go文件3.在xxx.go文件中使用packagexxx(包名)4.此时你的包已经新建好了5.在需要使用上面包的地方导入即可,如:import"xxxx"p......
  • 不卷参数卷应用,OPPO用致善定义AI手机
    2024年,全球智能手机会有一个转折点:市场整体大盘温和回暖,华为强势回归,市场格局很有可能会被改写。更重要的是,AI大模型将在智能终端落地,这将会开启智能手机的新产业周期:变数增加。什么样的手机,能成为动荡市场中的赢家?2024年开年,行业内第一部旗舰机来了:OPPO全面超越Pro的封神旗舰Fi......
  • Oracle-使用dbms_metadata.get_ddl()获取对象的定义
    dbms_metadata.get_ddl()用于获取对象的ddl,其具体用法如下。注意:在sqlplus里,为了更好的展示DDL,需要设置如下参数:setline200setpagesize0setlong99999setfeedbackoffsetechooff1)获得表、索引、视图、存储过程、函数的DDLselectdbms_metadata.get_ddl('TABLE','TABLE_......
  • springboot通过自定义注解@Log实现日志打印
    springboot通过自定义注解@Log实现日志打印效果图实操步骤注意,本代码在springboot环境下运行,jdk1.81.引入依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency><dependency>......
  • JavaScript apply、call、bind 函数详解
    apply和callapply和call非常类似,都是用于改变函数中this的指向,只是传入的参数不同,等于间接调用一个函数,也等于将这个函数绑定到一个指定的对象上:letname='window'functiongetName(param1,param2){console.log(this.name)console.log(param1,param2)}letobj=......
  • JavaScript的闭包、执行上下文、到底是怎么回事?还有必要学吗?
    在上一课,我们了解了JavaScript执行中最粗粒度的任务:传给引擎执行的代码段。并且,我们还根据“由JavaScript引擎发起”还是“由宿主发起”,分成了宏观任务和微观任务,接下来我们继续去看一看更细的执行粒度。一段JavaScript代码可能会包含函数调用的相关内容,从今天开始,我们就用两......
  • 自定义ADFS登录页
    修改adfs登录页公司名称:Set-AdfsGlobalWebContent-CompanyName"ExchangeOWA" 参考:ADFS自定义:https://learn.microsoft.com/zh-cn/windows-server/identity/ad-fs/operations/ad-fs-customization-in-windows-server#custom-themes-and-advanced-custom-themes 修改ADFS登录页......
  • Qt读取文件对比:每次获取自定义的长度和使用系统的API,耗时对比
    0.前言在编程过程中,经常遇到文件读写操作,太频繁了。每次也都写的不一样。突发奇想,想测试下几种不同的读取文件的效率。测试以下三种方式读取文件效率:自定义读取文件耗时使用QFile类API读取文件耗时使用QTextStream类API读取文件耗时在测试前,说一下使用到的知识点。1.Qt......
  • JavaScript Promise超详细源码解读
    Promise超详细源码解读说到promise,相信大家在日常开发中都经常使用到,它是我们异步操作中必不可少的一部分,可以让代码看起来变得更好理解;我曾在技术社区看过许多关于promise底层原理的文章,大概原理明白,这次,我准备系统的分析实现源码并记录下来,本文将一行行代码去分析最后附加流程图......