当前位置： 首页 > news >正文

js一些杂乱理解

news 2026/5/20 3:26:30

js 的值类型和引用类型

  1. 引用类型:object,array,function
  2. 值类型:诸如number,stringboolean,null,Undefined,Symbol

js使用变量访问对象属性示例

var myDog = "Hunter";
var dogs = {
Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle"
}
var breed = dogs[myDog];
console.log(breed)// "Doberman"

object.assign 潜复制对象

仅仅只是潜复制,对于,对象里面的对象,无法复制,只会覆盖,jq中的$.extend是如果第一个参数是true,可以达到深复制的效果.请查看我的jq理解

        var target={name:'guxin',age:18}var source1={state:'signle',age:22}var source2={mood:'happy',age:25}var result=Object.assign(target,source1,source2)console.log(target)//{name: 'guxin', age: 25, state: 'signle', mood: 'happy'}

this指向还有this指向改变方法(call,apply,bind)

 var Person = {name:"lixue",age:21}function fn(x,y){console.log(x+","+y);console.log(this);console.log(this.name);console.log(this.age);}//this对象改成Person了,原本是windowfn.call(Person,"hh",20);//执行fnfn.apply(Person,["hh",20]);//执行fnfn.bind(Person,"hh",20)();//bind只绑定不执行

prototype原型 和__proto__

定义

原型是Javascript中的继承的继承，JavaScript的继承就是基于原型的继承。

函数的原型对象

在这里插入图片描述

<body><script type="text/javascript">function Person () {    	}alert(Person.prototype.constructor === Person);	// true// 可以使用Person.prototype 直接访问到原型对象//给Person函数的原型对象中添加一个属性 name并且值是 "张三"Person.prototype.name = "张三";Person.prototype.age = 20;//上面直接给Person的原型指定对象字面量。则这个对象的constructor属性不再指向Person函数alert(Person.prototype.constructor === Person); //false//如果constructor对你很重要，你应该在Person.prototype中添加一行这样的代码：/*Person.prototype = {constructor : Person	//让constructor重新指向Person函数}*/var p1 = new Person();//使用instanceof 操作符可以判断一个对象的类型。  //typeof一般用来获取简单类型和函数。而引用类型一般使用instanceof，因为引用类型用typeof 总是返回object。alert(p1 instanceof Person);	// true/*访问p1对象的属性name，虽然在p1对象中我们并没有明确的添加属性name，但是p1的 [[prototype]] 属性指向的原型中有name属性，所以这个地方可以访问到属性name就值。注意：这个时候不能通过p1对象删除name属性，因为只能删除在p1中删除的对象。*/alert(p1.name);  // 张三var p2 = new Person();alert(p2.name);  // 张三  都是从原型中找到的，所以一样。alert(p1.name === p2.name);  // true// 由于不能修改原型中的值，则这种方法就直接在p1中添加了一个新的属性name，然后在p1中无法再访问到//原型中的属性。p1.name = "李四";alert("p1：" + p1.name);// 由于p2中没有name属性，则对p2来说仍然是访问的原型中的属性。	alert("p2:" + p2.name);  // 张三  </script>
</body>

原型和call,apply,bind这些方法,带来的最终继承方案

利用call等来继承属性,用原型来继承方法

<script type="text/javascript">//定义父类型的构造函数function Father (name,age) {// 属性放在构造函数内部this.name = name;this.age = age;// 方法定义在原型中if((typeof Father.prototype.eat) != "function"){Father.prototype.eat = function () {alert(this.name + " 在吃东西");}}  }// 定义子类类型的构造函数function Son(name, age, sex){//借调父类型的构造函数，相当于把父类型中的属性添加到了未来的子类型的对象中Father.call(this, name, age);this.sex = sex;}//修改子类型的原型。这样就可以继承父类型中的方法了。Son.prototype = new Father(	);var son1 = new Son("志玲", 30, "女");alert(son1.name);alert(son1.sex);alert(son1.age);son1.eat();
</script>

//Son.prototype = new Father();//改成下面的代码有什么不妥的地方么?//暂且未知
Son.prototype=Father.prototype

详情参考: 原型理解

ES6新增语法部分,日后整理

相关文章：

js一些杂乱理解

js 的值类型和引用类型 引用类型:object,array,function值类型:诸如number,stringboolean,null,Undefined,Symbol js使用变量访问对象属性示例 var myDog "Hunter"; var dogs { Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle&q…...

编程日记 2024/8/19 8:21:45

机器学习 之 线性回归算法

目录 线性回归&#xff1a;理解与应用 什么是线性回归&#xff1f; 一元线性回归 正态分布的重要性 多元线性回归 实例讲解 数据准备 数据分析 构建模型 训练模型 验证模型 应用模型 代码实现 线性回归&#xff1a;理解与应用 线性回归是一种广泛使用的统计方法&…...

编程日记 2024/8/19 8:20:43

ThreadLoad如何防止内存溢出

优质博文&#xff1a;IT-BLOG-CN 从 ThreadLocalMap看 ThreadLocal使用不当的内存泄漏问题 【1】基础概念 &#xff1a; 首先我们先看看ThreadLocalMap的类图&#xff0c;我们知道 ThreadLocal只是一个工具类&#xff0c;他为用户提供get、set、remove接口操作实际存放本地变…...

编程日记 2024/8/19 8:19:42

2024.8.19 学习记录 —— 作业

一、TCP机械臂测试 #include <myhead.h>#define SER_PORT 8888 // 与服务器保持一致 #define SER_IP "192.168.0.114" // 服务器ip地址int main(int argc, const char *argv[]) {// 创建文件描述符打开键盘文件int fd open("/dev/input/event1…...

编程日记 2024/8/19 8:16:37

Java 阿里云视频直播开发流程

首先来看一下直播效果 推流工具有很多种&#xff08;例如OBS、阿里云直播Demo推流、等等&#xff0c;我用的是芯象导播&#xff09;阿里播放器地址 一、直播基础服务概述 官方文档说明 二、直播域名配置需要两个域名&#xff08;推流域名、播流域名&#xff09; 官方文档说…...

编程日记 2024/8/19 8:11:29

SQLite 轻量级的嵌入式关系型数据库的替代软件

SQLite 是一个轻量级的嵌入式关系型数据库&#xff0c;由于其简单易用和跨平台的特性&#xff0c;被广泛应用于各种应用程序中。以下是一些可作为SQLite替代品的数据库软件或可视化管理工具&#xff1a; 1. **SQLiteStudio**&#xff1a;这是一个免费、开源的跨平台SQLite数据…...

编程日记 2024/8/19 8:10:27

Flutter-自适用高度PageView

需求 在 Flutter 中&#xff0c;PageView 是一个非常常用的组件&#xff0c;能够实现多个页面的滑动切换。然而&#xff0c;默认的 PageView 高度是固定的&#xff0c;这在展示不同高度的页面时&#xff0c;可能会导致不必要的空白或内容裁剪问题。为了使 PageView 能够根据每…...

编程日记 2024/8/19 8:05:20

群晖NAS本地搭建可远程交互的大型语言模型LLM聊天机器人

文章目录 前言1. 拉取相关的Docker镜像2. 运行Ollama 镜像3. 运行Chatbot Ollama镜像4. 本地访问5. 群晖安装Cpolar6. 配置公网地址7. 公网访问8. 固定公网地址 前言 本文主要分享如何在群晖NAS本地部署并运行一个基于大语言模型Llama 2的个人本地聊天机器人并结合内网穿透工具…...

编程日记 2024/8/19 8:04:18

TypeScript 构建工具之 webpack

在实际开发中&#xff0c;直接使用TypeScript 编译器的情况不多。 在项目中&#xff0c;需要使用构建工具对代码进行打包&#xff0c;不可能脱离项目使用TypeScript 编译器单独打包TypeScript 。 那如何将 webpack 和 TypeScript 进行集成&#xff1f; 参考文档&#xff1a; w…...

编程日记 2024/8/19 8:03:17

conda环境下在pycharm中调试scrapy项目

前提条件 已经创建好了conda环境已经安装好了scrapy框架项目初始化完成 编写一个爬虫脚本 import scrapyclass StackOverflowSpider(scrapy.Spider):name stackoverflowstart_urls [http://stackoverflow.com/questions?sortvotes]def parse(self, response):print("…...

编程日记 2024/8/19 8:00:14

contenteditable=“true“的标签限制字数的时候修改光标位置

contenteditable"true"的标签限制字数的时候修改光标位置 有时候input和textarea并不能完全满足ui需求&#xff0c;这个时候我们就用contenteditable"true"来将别的标签修改为可编辑状态&#xff0c;但当我们通过js修改了内容之后光标的位置就是一个问题&…...

编程日记 2024/8/19 7:59:12

51单片机-LED灯蜂鸣器数码管按键DS18B20温度传感器

LDE灯的相关程序 LED灯闪烁 LED流水灯 方法1 方法二&#xff1a; 因为P1口可以直接控制P1^0~P1^7的8个led灯&#xff0c;利用一个8位的二进制数字来进行控制即可。如果要点亮P1^0 只需要给P1口传递 1111 1110即可。 蜂鸣器的使用 什么是蜂鸣器&#xff1f; 蜂鸣器是一种一…...

编程日记 2024/8/19 7:53:05

笔记本一线品牌有哪些

笔记本电脑的一线品牌通常指的是在市场上具有较高市场份额、良好口碑、较强的技术实力和服务能力的品牌。根据目前的信息&#xff0c;笔记本电脑市场的一线品牌主要包括以下几个&#xff1a; 联想 (Lenovo)&#xff1a;联想在全球笔记本市场上的占有率较高&#xff0c;其产品线…...

编程日记 2024/8/19 7:47:58

mysql聚合函数和分组

我最近开了几个专栏&#xff0c;诚信互三&#xff01; > |||《算法专栏》&#xff1a;&#xff1a;刷题教程来自网站《代码随想录》。||| > |||《C专栏》&#xff1a;&#xff1a;记录我学习C的经历&#xff0c;看完你一定会有收获。||| > |||《Linux专栏》&#xff1…...

编程日记 2024/8/19 7:46:56

ubuntu20.04+RealSenseD455

ubuntu20.04安装驱动双目相机RealSenseD455 安装环境安装RealSense SDK 2.0ROS包安装启动Realsense摄像头存在的 bugD455标定安装环境 系统：Ubuntu20.04 ROS：Noetic 视觉传感器：Intel RealSense D455 安装RealSense SDK 2.0 该安装有两种方式，一个是用命令安装，另一个是…...

编程日记 2024/8/19 7:45:54

WAF绕过技巧

WAF绕过技巧 WAF&#xff08;Web Application Firewall&#xff09;是一种安全系统&#xff0c;旨在监控和控制网络流量&#xff0c;以防止攻击&#xff0c;如SQL 注入、跨站脚本&#xff08;XSS&#xff09;和拒绝服务&#xff08;DoS&#xff09;。 WAF 可以通过多种方式绕过…...

编程日记 2024/8/19 7:43:48

HarmonyOS应用三之组件生命周期和参数传递

目录&#xff1a; 1、生命周期的执行顺序2、页面数据传递3、图片的读取4、数据的备份和恢复5、轮播图6、页面布局图 1、生命周期的执行顺序 /** Copyright (c) 2023 Huawei Device Co., Ltd.* Licensed under the Apache License, Version 2.0 (the "License");* yo…...

编程日记 2024/8/19 7:42:43

[Qt][Qt 网络][上]详细讲解

目录 0.概述1.UDP Socket1.核心API概览2.回显服务器3.回显客户端 0.概述 要使用Qt中有关网络编程的API&#xff0c;需要添加network模块 1.UDP Socket 1.核心API概览 主要的类有两个&#xff1a;QUdpSocket和QNetworkDatagramQUdpSocket表⽰⼀个UDP的socket⽂件 bind(const …...

编程日记 2024/8/19 7:41:40

读零信任网络：在不可信网络中构建安全系统21读后总结与感想兼导读

1. 基本信息 零信任网络&#xff1a;在不可信网络中构建安全系统 道格巴斯&#xff08;Doug Barth&#xff09; 著 人民邮电出版社,2019年8月出版 1.1. 读薄率 书籍总字数252千字&#xff0c;笔记总字数73194字。 读薄率73194252000≈29.5% 这个读薄率是最高的吧&#x…...

编程日记 2024/8/19 7:40:38

Java基础——注释

在开发中注释是必不可少的&#xff0c;帮助我们更好的标记阅读代码&#xff0c;下面介绍几种常用的注释方式。 一、注释种类 1. 单行注释 使用//一行代码来进行注释&#xff0c;只能注释一行内容 2. 多行注释 使用斜杠星号的方式 /*注释多行代码*/&#xff0c;注释多行代…...

编程日记 2024/8/19 7:33:28

为什么你的Perplexity搜索总返回噪音结果？7步精准提示工程诊断流程

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Perplexity搜索结果噪音现象的本质剖析 Perplexity 作为基于大语言模型的语义搜索引擎&#xff0c;其结果页中高频出现的“噪音”并非传统关键词匹配失准所致&#xff0c;而是源于其底层推理机制与用户…...

编程新知 2026/5/20 3:23:07

避坑指南：用3dMax一键房屋插件时，为什么你的窗洞总创建失败？

3dMax一键房屋插件窗洞创建失败的深度排查手册 引言 在建筑可视化与室内设计领域&#xff0c;3dMax的一键房屋插件确实为设计师节省了大量重复劳动时间。然而&#xff0c;许多中级用户在尝试创建窗洞时&#xff0c;常常遭遇各种意料之外的失败——从简单的按钮灰色不可点击&…...

编程新知 2026/5/20 3:22:57

3分钟掌握视频下载：VideoDownloadHelper免费插件完全指南

3分钟掌握视频下载&#xff1a;VideoDownloadHelper免费插件完全指南 【免费下载链接】VideoDownloadHelper Chrome Extension to Help Download Video for Some Video Sites. 项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper 你是否曾经遇到过这样的…...

编程新知 2026/5/20 2:59:20

Perplexity股票数据清洗SOP（含NASDAQ非标字段映射表）：金融工程师内部使用的12项校验规则

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;Perplexity股票信息检索 Perplexity AI 公司尚未上市&#xff0c;因此不存在公开交易的股票代码、实时行情或交易所挂牌信息。这一事实常被开发者和投资者误读&#xff0c;尤其在使用金融数据 API 时容易触发…...

编程新知 2026/5/20 2:16:57

JoyCon-Driver：Windows平台上的Switch手柄完美解决方案

JoyCon-Driver&#xff1a;Windows平台上的Switch手柄完美解决方案 【免费下载链接】JoyCon-Driver A vJoy feeder for the Nintendo Switch JoyCons and Pro Controller 项目地址: https://gitcode.com/gh_mirrors/jo/JoyCon-Driver 还在为Nintendo Switch JoyCon控制器…...

编程新知 2026/5/20 1:33:00

芯片时钟树设计实战：平衡性能、功耗与鲁棒性的后端工程指南

1. 项目概述&#xff1a;从“动脉”视角理解时钟树在芯片设计的浩瀚世界里&#xff0c;时钟信号就像是整个系统的“动脉”。它不负责输送数据&#xff0c;但负责为所有逻辑单元提供统一的“心跳”节拍。没有稳定、同步的心跳&#xff0c;再强大的计算单元也会陷入混乱。我们常说…...

编程新知 2026/5/20 0:48:38

卡尔曼滤波：从原理到工程实践，掌握状态估计的核心算法

1. 从“猜”到“算”&#xff1a;一个工程师眼中的卡尔曼滤波 如果你在自动驾驶、机器人导航、无人机飞控或者金融数据分析等领域摸爬滚打过&#xff0c;那么“卡尔曼滤波”这个名字对你来说&#xff0c;可能既熟悉又陌生。熟悉是因为它无处不在&#xff0c;是解决“状态估计”…...

编程新知 2026/5/20 0:40:30

从设计到验证：如何用ADS的HB2TonePAE_FPswp模板快速评估你的PA线性度？

射频功放线性度评估实战&#xff1a;ADS高级仿真模板深度解析 在射频功率放大器(PA)的设计流程中&#xff0c;线性度评估往往是最耗时的环节之一。传统方法需要工程师手动搭建测试平台&#xff0c;不仅效率低下&#xff0c;还容易引入人为误差。Keysight ADS软件内置的HB2ToneP…...

编程新知 2026/5/19 23:54:30

Linux离线包缓存自动化巡检实践

Linux离线包缓存自动化巡检实践这是一篇面向中级 Linux 使用者的技术文章&#xff0c;主题聚焦在离线包缓存&#xff0c;重点讨论无外网安装、本地缓存和依赖完整性。在真实生产环境中&#xff0c;离线包缓存相关问题往往不会以单一错误形式出现&#xff0c;而是混杂在日志、权…...

编程新知 2026/5/19 23:31:16

从单机到联网：手把手教你用NetCA为Oracle数据库配置‘电话线’（监听程序与本地网络服务）

从单机到联网&#xff1a;手把手教你用NetCA为Oracle数据库配置‘电话线’ 想象一下&#xff0c;你刚搬进一栋新公寓&#xff0c;已经熟悉了家里的水电开关&#xff08;本地Oracle安装&#xff09;&#xff0c;但还没登记电话号码&#xff08;监听程序&#xff09;和录入邻居联…...

编程新知 2026/5/19 22:07:32